From 2a3bd50fbc0ec8fe4ec921a4af8898d3dd7b093f Mon Sep 17 00:00:00 2001 From: tonyfages Date: Thu, 9 Jan 2025 08:34:23 +0100 Subject: [PATCH] Changement proj ajout GlueStack :sparks: --- .gitignore | 4 - .npmrc | 1 + App.tsx | 117 + README.md | 58 +- ReactNative/.idea/ReactNative.iml | 12 + ReactNative/.idea/modules.xml | 8 + ReactNative/.idea/vcs.xml | 6 + ReactNative/.idea/workspace.xml | 72 + app.json | 26 +- app/(tabs)/_layout.tsx | 37 - app/(tabs)/explore.tsx | 102 - app/(tabs)/index.tsx | 70 - app/+html.tsx | 39 - app/+not-found.tsx | 32 - app/_layout.tsx | 37 - assets/Icons/DocumentData.tsx | 13 + assets/Icons/Gradient.tsx | 53 + assets/Icons/LightbulbPerson.tsx | 13 + assets/Icons/Logo.tsx | 49 + assets/Icons/Rocket.tsx | 13 + assets/{images => }/adaptive-icon.png | Bin assets/{images => }/favicon.png | Bin assets/fonts/SpaceMono-Regular.ttf | Bin 93252 -> 0 bytes assets/{images => }/icon.png | Bin assets/images/partial-react-logo.png | Bin 5075 -> 0 bytes assets/images/react-logo.png | Bin 6341 -> 0 bytes assets/images/react-logo@2x.png | Bin 14225 -> 0 bytes assets/images/react-logo@3x.png | Bin 21252 -> 0 bytes assets/logo.svg | 14 + assets/{images => }/splash.png | Bin assets/thirteen.svg | 1 + components/Collapsible.tsx | 41 - components/ExternalLink.tsx | 24 - components/HelloWave.tsx | 37 - components/ParallaxScrollView.tsx | 76 - components/ThemedText.tsx | 60 - components/ThemedView.tsx | 14 - components/__tests__/ThemedText-test.tsx | 10 - .../__snapshots__/ThemedText-test.tsx.snap | 24 - components/navigation/TabBarIcon.tsx | 9 - constants/Colors.ts | 26 - hooks/useColorScheme.ts | 1 - hooks/useColorScheme.web.ts | 8 - hooks/useThemeColor.ts | 22 - package-lock.json | 23652 ++++++++-------- package.json | 47 +- scripts/reset-project.js | 73 - tsconfig.json | 15 +- 48 files changed, 12456 insertions(+), 12460 deletions(-) create mode 100644 .npmrc create mode 100644 App.tsx create mode 100644 ReactNative/.idea/ReactNative.iml create mode 100644 ReactNative/.idea/modules.xml create mode 100644 ReactNative/.idea/vcs.xml create mode 100644 ReactNative/.idea/workspace.xml delete mode 100644 app/(tabs)/_layout.tsx delete mode 100644 app/(tabs)/explore.tsx delete mode 100644 app/(tabs)/index.tsx delete mode 100644 app/+html.tsx delete mode 100644 app/+not-found.tsx delete mode 100644 app/_layout.tsx create mode 100644 assets/Icons/DocumentData.tsx create mode 100644 assets/Icons/Gradient.tsx create mode 100644 assets/Icons/LightbulbPerson.tsx create mode 100644 assets/Icons/Logo.tsx create mode 100644 assets/Icons/Rocket.tsx rename assets/{images => }/adaptive-icon.png (100%) rename assets/{images => }/favicon.png (100%) delete mode 100755 assets/fonts/SpaceMono-Regular.ttf rename assets/{images => }/icon.png (100%) delete mode 100644 assets/images/partial-react-logo.png delete mode 100644 assets/images/react-logo.png delete mode 100644 assets/images/react-logo@2x.png delete mode 100644 assets/images/react-logo@3x.png create mode 100644 assets/logo.svg rename assets/{images => }/splash.png (100%) create mode 100644 assets/thirteen.svg delete mode 100644 components/Collapsible.tsx delete mode 100644 components/ExternalLink.tsx delete mode 100644 components/HelloWave.tsx delete mode 100644 components/ParallaxScrollView.tsx delete mode 100644 components/ThemedText.tsx delete mode 100644 components/ThemedView.tsx delete mode 100644 components/__tests__/ThemedText-test.tsx delete mode 100644 components/__tests__/__snapshots__/ThemedText-test.tsx.snap delete mode 100644 components/navigation/TabBarIcon.tsx delete mode 100644 constants/Colors.ts delete mode 100644 hooks/useColorScheme.ts delete mode 100644 hooks/useColorScheme.web.ts delete mode 100644 hooks/useThemeColor.ts delete mode 100755 scripts/reset-project.js diff --git a/.gitignore b/.gitignore index b5e4512..2dea7ce 100644 --- a/.gitignore +++ b/.gitignore @@ -13,10 +13,6 @@ web-build/ # macOS .DS_Store -# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb -# The following patterns were generated by expo-cli -expo-env.d.ts -# @end expo-cli idea/ \ No newline at end of file diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..521a9f7 --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +legacy-peer-deps=true diff --git a/App.tsx b/App.tsx new file mode 100644 index 0000000..e441542 --- /dev/null +++ b/App.tsx @@ -0,0 +1,117 @@ +import { config } from '@gluestack-ui/config'; +import { Box, GluestackUIProvider, Text } from '@gluestack-ui/themed'; +import { ScrollView } from 'react-native'; +import Gradient from './assets/Icons/Gradient'; +import DocumentData from './assets/Icons/DocumentData'; +import LightBulbPerson from './assets/Icons/LightbulbPerson'; +import Rocket from './assets/Icons/Rocket'; +import Logo from './assets/Icons/Logo'; +export default function App() { + return ( + + + + ); +} +const Home = () => { + return ; +}; +const FeatureCard = ({ iconSvg: IconSvg, name, desc }: any) => { + return ( + + + {/* document */} + + + + + {name} + + + + {desc} + + + ); +}; +const Container = () => { + return ( + + + + + + + + + Get started by editing + + + App.tsx + + + + + + + + + + + + + + ); +}; diff --git a/README.md b/README.md index cd4feb8..7fdc8a8 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,32 @@ -# Welcome to your Expo app 👋 +This is a [Next.js](https://github.com/expo/expo) + [Gluestack-ui](https://ui.gluestack.io/) project template bootstrapped with [`create-expo-app`](https://docs.expo.dev/get-started/create-a-project/). -This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app). +## Getting Started -## Get started - -1. Install dependencies - - ```bash - npm install - ``` - -2. Start the app - - ```bash - npx expo start - ``` - -In the output, you'll find options to open the app in a - -- [development build](https://docs.expo.dev/develop/development-builds/introduction/) -- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/) -- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/) -- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo - -You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction). - -## Get a fresh project - -When you're ready, run: +First, run the development server: ```bash -npm run reset-project +# For web +yarn web +# For ios +yarn ios +# For android +yarn android ``` -This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing. +You can start editing the page by modifying `App.tsx`. The page auto-updates as you edit the file. -## Learn more +This project uses [`@gluestack-ui`](https://ui.gluestack.io/docs/overview/introduction) library that provides optionally styled and accessible components. These components are designed for easy integration into applications developed with React and React Native. -To learn more about developing your project with Expo, look at the following resources: -- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides). -- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web. +## Learn More -## Join the community +To learn more about Expo + Gluestack UI template, take a look at the following resources: -Join our community of developers creating universal apps. +- [Expo Documentation](https://github.com/expo/expo) - learn about Expo features and API. +- [Gluestack UI Documenatation](https://ui.gluestack.io/docs/overview/introduction) - learn about core concepts and architecture of gluestack-ui. +- [Gluestack Style Documentaion](https://style.gluestack.io/docs/overview/introduction) - learn about the universal styling library that is used in Gluestack-ui -- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute. -- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions. +You can check out: +- [the gluestack-ui GitHub repository](https://github.com/gluestack/gluestack-ui) +- [the gluestack-style GitHub repository](https://github.com/gluestack/gluestack-style) +Your feedback and contributions are welcome! diff --git a/ReactNative/.idea/ReactNative.iml b/ReactNative/.idea/ReactNative.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/ReactNative/.idea/ReactNative.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/ReactNative/.idea/modules.xml b/ReactNative/.idea/modules.xml new file mode 100644 index 0000000..3501bd6 --- /dev/null +++ b/ReactNative/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/ReactNative/.idea/vcs.xml b/ReactNative/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/ReactNative/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/ReactNative/.idea/workspace.xml b/ReactNative/.idea/workspace.xml new file mode 100644 index 0000000..52a6efc --- /dev/null +++ b/ReactNative/.idea/workspace.xml @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + +