diff --git a/.npmrc b/.npmrc index d186087a2..2eb073230 100644 --- a/.npmrc +++ b/.npmrc @@ -1,2 +1 @@ prefer-workspace-packages=true -public-hoist-pattern[]=* diff --git a/examples/react-native-playground/.gitignore b/examples/react-native-playground/.gitignore index 9a71cbbf8..c9d575d70 100644 --- a/examples/react-native-playground/.gitignore +++ b/examples/react-native-playground/.gitignore @@ -1,6 +1,38 @@ +# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files -# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb -# The following patterns were generated by expo-cli +# dependencies +node_modules/ +# Expo +.expo/ +dist/ +web-build/ expo-env.d.ts -# @end expo-cli + +# Native +*.orig.* +*.jks +*.p8 +*.p12 +*.key +*.mobileprovision + +# Metro +.metro-health-check* + +# debug +npm-debug.* +yarn-debug.* +yarn-error.* + +# macOS +.DS_Store +*.pem + +# local env files +.env*.local + +# typescript +*.tsbuildinfo + +app-example diff --git a/examples/react-native-playground/README.md b/examples/react-native-playground/README.md new file mode 100644 index 000000000..cd4feb8a3 --- /dev/null +++ b/examples/react-native-playground/README.md @@ -0,0 +1,50 @@ +# Welcome to your Expo app šŸ‘‹ + +This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app). + +## 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: + +```bash +npm run reset-project +``` + +This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing. + +## Learn more + +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. + +## Join the community + +Join our community of developers creating universal apps. + +- [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. diff --git a/examples/react-native-playground/app.json b/examples/react-native-playground/app.json index 0f667132f..f958b4763 100644 --- a/examples/react-native-playground/app.json +++ b/examples/react-native-playground/app.json @@ -1,17 +1,13 @@ { "expo": { - "name": "rn", - "slug": "rn", + "name": "@suspensive/react-native-playground", + "slug": "@suspensive/react-native-playground", "version": "1.0.0", "orientation": "portrait", "icon": "./assets/images/icon.png", "scheme": "myapp", "userInterfaceStyle": "automatic", - "splash": { - "image": "./assets/images/splash.png", - "resizeMode": "contain", - "backgroundColor": "#ffffff" - }, + "newArchEnabled": true, "ios": { "supportsTablet": true }, @@ -26,7 +22,18 @@ "output": "static", "favicon": "./assets/images/favicon.png" }, - "plugins": ["expo-router", "expo-font"], + "plugins": [ + "expo-router", + [ + "expo-splash-screen", + { + "image": "./assets/images/splash-icon.png", + "imageWidth": 200, + "resizeMode": "contain", + "backgroundColor": "#ffffff" + } + ] + ], "experiments": { "typedRoutes": true } diff --git a/examples/react-native-playground/app/+html.tsx b/examples/react-native-playground/app/+html.tsx deleted file mode 100644 index 51c2b78c2..000000000 --- a/examples/react-native-playground/app/+html.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { ScrollViewStyleReset } from 'expo-router/html' - -// This file is web-only and used to configure the root HTML for every -// web page during static rendering. -// The contents of this function only run in Node.js environments and -// do not have access to the DOM or browser APIs. -export default function Root({ children }: { children: React.ReactNode }) { - return ( - - - - - - - {/* - Disable body scrolling on web. This makes ScrollView components work closer to how they do on native. - However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line. - */} - - - {/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */} - - {/* biome-ignore lint/security/noDangerouslySetInnerHtml: */} -