feat: upgrade expo app version + react native paper

Author: RichardLindhout

example/package.json

@@ -12,19 +12,20 @@
     "test": "jest"
   },
   "dependencies": {
-    "expo": "^46.0.0",
-    "expo-splash-screen": "~0.16.1",
-    "react": "18.0.0",
-    "react-dom": "18.0.0",
-    "react-native": "0.69.4",
+    "expo": "^47.0.0",
+    "expo-splash-screen": "~0.17.5",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
+    "react-native": "0.70.5",
     "react-native-paper": "^4.12.4",
+    "react-native-safe-area-context": "4.4.1",
     "react-native-web": "~0.18.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
+    "@babel/core": "^7.19.3",
     "@babel/runtime": "^7.9.6",
     "babel-plugin-module-resolver": "^4.0.0",
-    "babel-preset-expo": "~9.2.0",
+    "babel-preset-expo": "~9.2.1",
     "expo-cli": "^6.0.5"
   }
 }

example/src/App.tsx

@@ -8,14 +8,13 @@ import {
   Animated,
   useColorScheme,
 } from 'react-native'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
 
 import {
   Title,
   Button,
   Text,
   Provider as PaperProvider,
-  DefaultTheme,
-  DarkTheme,
   useTheme,
   overlay,
   Paragraph,
@@ -395,34 +394,12 @@ function Label({ children }: { children: string }) {
 }
 
 export default function AppWithProviders() {
-  const dark = useColorScheme() === 'dark'
-
   return (
-    <PaperProvider
-      theme={
-        dark
-          ? {
-              ...DarkTheme,
-              roundness: 10,
-              colors: {
-                ...DarkTheme.colors,
-                // primary: '#F59E00',
-                // accent: '#FBBE5E',
-              },
-            }
-          : {
-              ...DefaultTheme,
-              roundness: 10,
-              colors: {
-                ...DefaultTheme.colors,
-                // primary: '#F59E00',
-                // accent: '#FBBE5E',
-              },
-            }
-      }
-    >
-      <App />
-    </PaperProvider>
+    <SafeAreaProvider>
+      <PaperProvider>
+        <App />
+      </PaperProvider>
+    </SafeAreaProvider>
   )
 }