From 4a4dde43bd11b886d8b7a6a47bc94461ccce6391 Mon Sep 17 00:00:00 2001 From: Leon Morival Date: Sun, 19 Apr 2026 12:49:53 +0200 Subject: [PATCH] styles --- .idea/.gitignore | 10 +++ .idea/misc.xml | 4 + .idea/vcs.xml | 6 ++ app.json | 6 +- app/(tabs)/_layout.tsx | 44 ++++------- app/(tabs)/explore.tsx | 112 ---------------------------- app/(tabs)/index.tsx | 103 ++----------------------- app/_layout.tsx | 23 +----- app/modal.tsx | 29 ------- components/common/Button.tsx | 95 +++++++++++++++++++++++ components/external-link.tsx | 25 ------- components/haptic-tab.tsx | 18 ----- components/hello-wave.tsx | 19 ----- components/parallax-scroll-view.tsx | 79 -------------------- components/themed-text.tsx | 60 --------------- components/themed-view.tsx | 14 ---- components/ui/collapsible.tsx | 45 ----------- components/ui/icon-symbol.ios.tsx | 32 -------- components/ui/icon-symbol.tsx | 41 ---------- constants/palette.ts | 4 + constants/styles.ts | 0 constants/theme.ts | 53 ------------- hooks/use-color-scheme.ts | 1 - hooks/use-color-scheme.web.ts | 21 ------ hooks/use-theme-color.ts | 21 ------ package.json | 4 +- scripts/reset-project.js | 112 ---------------------------- 27 files changed, 151 insertions(+), 830 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/misc.xml create mode 100644 .idea/vcs.xml delete mode 100644 app/(tabs)/explore.tsx delete mode 100644 app/modal.tsx create mode 100644 components/common/Button.tsx delete mode 100644 components/external-link.tsx delete mode 100644 components/haptic-tab.tsx delete mode 100644 components/hello-wave.tsx delete mode 100644 components/parallax-scroll-view.tsx delete mode 100644 components/themed-text.tsx delete mode 100644 components/themed-view.tsx delete mode 100644 components/ui/collapsible.tsx delete mode 100644 components/ui/icon-symbol.ios.tsx delete mode 100644 components/ui/icon-symbol.tsx create mode 100644 constants/palette.ts create mode 100644 constants/styles.ts delete mode 100644 constants/theme.ts delete mode 100644 hooks/use-color-scheme.ts delete mode 100644 hooks/use-color-scheme.web.ts delete mode 100644 hooks/use-theme-color.ts delete mode 100755 scripts/reset-project.js diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..30cf57e --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,10 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Ignored default folder with query files +/queries/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..90dee70 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,4 @@ + + + {} + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/app.json b/app.json index 09444f0..0e41ae5 100644 --- a/app.json +++ b/app.json @@ -9,7 +9,8 @@ "userInterfaceStyle": "automatic", "newArchEnabled": true, "ios": { - "supportsTablet": true + "supportsTablet": true, + "bundleIdentifier": "com.pierre69007.expostarter" }, "android": { "adaptiveIcon": { @@ -19,7 +20,8 @@ "monochromeImage": "./assets/images/android-icon-monochrome.png" }, "edgeToEdgeEnabled": true, - "predictiveBackGestureEnabled": false + "predictiveBackGestureEnabled": false, + "package": "com.pierre69007.expostarter" }, "web": { "output": "static", diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index 54e11d0..a763fb7 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -1,35 +1,23 @@ import { Tabs } from 'expo-router'; import React from 'react'; +import {MaterialCommunityIcons} from "@expo/vector-icons"; -import { HapticTab } from '@/components/haptic-tab'; -import { IconSymbol } from '@/components/ui/icon-symbol'; -import { Colors } from '@/constants/theme'; -import { useColorScheme } from '@/hooks/use-color-scheme'; export default function TabLayout() { - const colorScheme = useColorScheme(); - return ( - - , - }} - /> - , - }} - /> - - ); + return ( + + , + }} + /> + + ); } diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx deleted file mode 100644 index 71518f9..0000000 --- a/app/(tabs)/explore.tsx +++ /dev/null @@ -1,112 +0,0 @@ -import { Image } from 'expo-image'; -import { Platform, StyleSheet } from 'react-native'; - -import { Collapsible } from '@/components/ui/collapsible'; -import { ExternalLink } from '@/components/external-link'; -import ParallaxScrollView from '@/components/parallax-scroll-view'; -import { ThemedText } from '@/components/themed-text'; -import { ThemedView } from '@/components/themed-view'; -import { IconSymbol } from '@/components/ui/icon-symbol'; -import { Fonts } from '@/constants/theme'; - -export default function TabTwoScreen() { - return ( - - }> - - - Explore - - - This app includes example code to help you get started. - - - This app has two screens:{' '} - app/(tabs)/index.tsx and{' '} - app/(tabs)/explore.tsx - - - The layout file in app/(tabs)/_layout.tsx{' '} - sets up the tab navigator. - - - Learn more - - - - - You can open this project on Android, iOS, and the web. To open the web version, press{' '} - w in the terminal running this project. - - - - - For static images, you can use the @2x and{' '} - @3x suffixes to provide files for - different screen densities - - - - Learn more - - - - - This template has light and dark mode support. The{' '} - useColorScheme() hook lets you inspect - what the user's current color scheme is, and so you can adjust UI colors accordingly. - - - Learn more - - - - - This template includes an example of an animated component. The{' '} - components/HelloWave.tsx component uses - the powerful{' '} - - react-native-reanimated - {' '} - library to create a waving hand animation. - - {Platform.select({ - ios: ( - - The components/ParallaxScrollView.tsx{' '} - component provides a parallax effect for the header image. - - ), - })} - - - ); -} - -const styles = StyleSheet.create({ - headerImage: { - color: '#808080', - bottom: -90, - left: -35, - position: 'absolute', - }, - titleContainer: { - flexDirection: 'row', - gap: 8, - }, -}); diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx index 786b736..0a2a9a7 100644 --- a/app/(tabs)/index.tsx +++ b/app/(tabs)/index.tsx @@ -1,98 +1,7 @@ -import { Image } from 'expo-image'; -import { Platform, StyleSheet } from 'react-native'; - -import { HelloWave } from '@/components/hello-wave'; -import ParallaxScrollView from '@/components/parallax-scroll-view'; -import { ThemedText } from '@/components/themed-text'; -import { ThemedView } from '@/components/themed-view'; -import { Link } from 'expo-router'; - -export default function HomeScreen() { - return ( - - }> - - Welcome! - - - - Step 1: Try it - - Edit app/(tabs)/index.tsx to see changes. - Press{' '} - - {Platform.select({ - ios: 'cmd + d', - android: 'cmd + m', - web: 'F12', - })} - {' '} - to open developer tools. - - - - - - Step 2: Explore - - - - alert('Action pressed')} /> - alert('Share pressed')} - /> - - alert('Delete pressed')} - /> - - - - - - {`Tap the Explore tab to learn more about what's included in this starter app.`} - - - - Step 3: Get a fresh start - - {`When you're ready, run `} - npm run reset-project to get a fresh{' '} - app directory. This will move the current{' '} - app to{' '} - app-example. - - - - ); +import { Text,View } from "react-native"; +import {Button} from "@/components/common/Button"; +export default function Home() { + return +