实现直播详情页

app/_layout.tsx

@@ -8,6 +8,7 @@ import { StatusBar } from "expo-status-bar";
 import "react-native-reanimated";
 
 import { Colors } from "@/constants/theme";
+import { AppStateProvider } from "@/context/AppStateContext";
 import { ThemeProvider } from "@/context/ThemeContext";
 import { useColorScheme } from "@/hooks/use-color-scheme";
 import "@/i18n"; // Initialize i18n
@@ -19,7 +20,9 @@ export const unstable_settings = {
 export default function RootLayout() {
   return (
     <ThemeProvider>
-      <RootLayoutNav />
+      <AppStateProvider>
+        <RootLayoutNav />
+      </AppStateProvider>
     </ThemeProvider>
   );
 }
@@ -75,6 +78,13 @@ function RootLayoutNav() {
             headerShown: false,
           }}
         />
+        <Stack.Screen
+          name="live-detail/[id]"
+          options={{
+            animation: "slide_from_right",
+            headerShown: false,
+          }}
+        />
       </Stack>
       <StatusBar style={colorScheme === "dark" ? "light" : "dark"} />
     </NavigationThemeProvider>