update deps

Author: jaredh159

.expo-shared/assets.json

@@ -1,14 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
 node_modules/
+
+# Expo
 .expo/
 dist/
-npm-debug.*
+web-build/
+
+# Native
+*.orig.*
 *.jks
 *.p8
 *.p12
 *.key
 *.mobileprovision
-*.orig.*
-web-build/
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
 
 # macOS
 .DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

.gitignore

@@ -1,60 +1,47 @@
-import Layout from "./components/Layout";
 import { useDeviceContext, useAppColorScheme } from 'twrnc';
-import Home from "./screens/Home";
-import tw from "twrnc"
-import { Text, TouchableOpacity, View } from "react-native";
+import tw from 'twrnc';
+import { Text, TouchableOpacity } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import About from "./screens/About";
-import { Button } from "react-native-web";
+import About from './screens/About';
+import Home from './screens/Home';
+import Layout from './components/Layout';
 
 const Stack = createNativeStackNavigator();
 
 export default function App() {
   useDeviceContext(tw, { withDeviceColorScheme: false });
-  const [colorScheme, toggleColorScheme, setColorScheme] = useAppColorScheme(tw);
+  const [, toggleColorScheme] = useAppColorScheme(tw);
 
   return (
     <Layout>
       <TouchableOpacity onPress={toggleColorScheme}>
         <Text
-          style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white 
+          style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white
                 capitalize p-2 mt-24 text-center`}
         >
           toggle theme
         </Text>
       </TouchableOpacity>
-      {/* navigation container */}
       <NavigationContainer>
-        <Stack.Navigator screenOptions={{
-          headerRight: () => (
-            <TouchableOpacity onPress={toggleColorScheme}>
-              <Text
-                style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white 
+        <Stack.Navigator
+          screenOptions={{
+            headerRight: () => (
+              <TouchableOpacity onPress={toggleColorScheme}>
+                <Text
+                  style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white
                 capitalize p-2 rounded`}
-              >
-                toggle theme
-              </Text>
-            </TouchableOpacity>
-          ),
-        }}>
+                >
+                  toggle theme
+                </Text>
+              </TouchableOpacity>
+            ),
+          }}
+        >
           <Stack.Screen name="Home" component={Home} />
           <Stack.Screen name="About" component={About} />
         </Stack.Navigator>
       </NavigationContainer>
     </Layout>
-
-    // <Layout>
-    //   {/* <TouchableOpacity onPress={toggleColorScheme}>
-    //     <Text style={tw`py-2 px-3 bg-blue-400 dark:bg-gray-800
-    //     text-black dark:text-white rounded`}>Switch Color Scheme</Text>
-    //   </TouchableOpacity> */}
-    //   {/* <NavigationContainer>
-    //     <Stack.Navigator initialRouteName="Home">
-    //       <Stack.Screen name="Home" component={Home} />
-    //       <Stack.Screen name="About" component={About} />
-    //     </Stack.Navigator>
-    //   </NavigationContainer> */}
-    // </Layout>
   );
 }

App.js

@@ -1,18 +1,16 @@
 {
   "expo": {
-    "name": "twrnc-exp",
-    "slug": "twrnc-exp",
+    "name": "repro2",
+    "slug": "repro2",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "updates": {
-      "fallbackToCacheTimeout": 0
-    },
     "assetBundlePatterns": [
       "**/*"
     ],
@@ -22,7 +20,7 @@
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#FFFFFF"
+        "backgroundColor": "#ffffff"
       }
     },
     "web": {