u

code/app/app-rn4/src/app/(tabs)/home/index.tsx

@@ -3,8 +3,9 @@ import { View, Text } from "react-native";
 
 export default function Home() {
   return (
-    <View className="flex-1">
+    <View className="flex-1 dark:bg-black">
+      <Text className="text-base text-black">{process.env.EXPO_PUBLIC_API_URL}</Text>
       <Text className="text-base text-black">Home</Text>
     </View>
   );
-}
+}

code/app/app-rn4/src/app/_layout.tsx

@@ -1,11 +1,10 @@
 import { Stack } from "expo-router";
 import { useIsDark } from "@/hooks/use-color-scheme";
 import { DarkTheme, DefaultTheme, ThemeProvider } from "@react-navigation/native";
+import { StatusBar } from "expo-status-bar";
 import "@/styles/global.css";
 
 export default function RootLayout() {
-  console.log(process.env.EXPO_PUBLIC_API_URL);
-
   const isDark = useIsDark();
 
   return (
@@ -20,6 +19,7 @@ export default function RootLayout() {
           headerShown: false,
         }}
       />
+      <StatusBar style={isDark ? "light" : "dark"} />
     </ThemeProvider>
   );
 }

code/app/app-rn4/src/app/index.tsx

@@ -0,0 +1,5 @@
+import { Redirect } from "expo-router";
+
+export default function Index() {
+  return <Redirect href="/(tabs)/home" />;
+}