dev build as well as expo go

app.json

@@ -15,7 +15,8 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "package": "com.expotest.statusbar"
     },
     "web": {
       "bundler": "metro",
@@ -36,6 +37,11 @@
     ],
     "experiments": {
       "typedRoutes": true
+    },
+    "extra": {
+      "router": {
+        "origin": false
+      }
     }
   }
 }

app/_layout.tsx

@@ -1,28 +1,5 @@
 import { Stack } from "expo-router";
-import { Platform, StyleSheet } from "react-native";
 
 export default function RootLayout() {
-  return (
-    <Stack
-      screenOptions={{
-        headerShown: false,
-        navigationBarColor: "transparent",
-        statusBarBackgroundColor:
-          Platform.OS === "android" ? "transparent" : undefined,
-        statusBarStyle: "dark",
-        statusBarTranslucent: true,
-        contentStyle: styles.contentStyle,
-      }}
-    />
-  );
+  return <Stack screenOptions={{ statusBarTranslucent: true }} />;
 }
-
-const styles = StyleSheet.create({
-  statusbarIndexScreen: {
-    // Match the color of the image at the top of the screen
-    color: "#e1d1b9",
-  },
-  contentStyle: {
-    backgroundColor: "#fff9ed",
-  },
-});

package.json

@@ -9,7 +9,8 @@
     "ios": "expo start --ios",
     "web": "expo start --web",
     "test": "jest --watchAll",
-    "lint": "expo lint"
+    "lint": "expo lint",
+    "android:local:dev": "eas build --profile development --platform android --local && expo start"
   },
   "jest": {
     "preset": "jest-expo"
@@ -38,7 +39,8 @@
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.1.0",
     "react-native-web": "~0.19.13",
-    "react-native-webview": "13.12.5"
+    "react-native-webview": "13.12.5",
+    "expo-dev-client": "~5.0.6"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",