chore: updated examples to use expo only (#1668)

* chore: updated example to use expo and removed rn bare project

* chore: updated expo v50

* chore: updated map example

* chore: updated view pager example

* chore: updated react navigation example

* chore: updated native screens example

* chore: updated dependencies

Author: gorhom

example/.gitignore

@@ -0,0 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# 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

example/app/src/App.tsx renamed to example/App.tsx

@@ -1,24 +1,25 @@
-import React, { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
+import React from 'react';
 import { ShowcaseApp } from '@gorhom/showcase-template';
-import { screens as defaultScreens } from './screens';
-import { version, description } from '../../../package.json';
+import { screens } from './src/screens';
+import { version, description } from '../package.json';
+
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
+import { enableScreens } from 'react-native-screens';
+enableScreens(true);
+
+// @ts-ignore
+import { enableLogging } from '@gorhom/bottom-sheet';
+enableLogging();
+
+import { StyleSheet } from 'react-native';
+
 const author = {
   username: 'Mo Gorhom',
   url: 'https://gorhom.dev',
 };
 
-interface AppProps {
-  screens?: any[];
-}
-
-export const App = ({ screens: providedScreens }: AppProps) => {
-  const screens = useMemo(
-    () => [...defaultScreens, ...(providedScreens ? providedScreens : [])],
-    [providedScreens]
-  );
+export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
       <ShowcaseApp
@@ -30,11 +31,10 @@ export const App = ({ screens: providedScreens }: AppProps) => {
       />
     </GestureHandlerRootView>
   );
-};
+}
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    flexGrow: 1,
   },
 });

example/app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "BottomSheet",
+    "slug": "BottomSheet",
+    "githubUrl": "https://github.com/gorhom/react-native-bottom-sheet",
+    "version": "5.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#000"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "dev.gorhom.bottomsheet"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#000"
+      },
+      "package": "dev.gorhom.bottomsheet"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}