import { DarkTheme, DefaultTheme, ThemeProvider } from "@react-navigation/native";
import { Stack } from "expo-router";
import { StatusBar } from "expo-status-bar";
import { useColorScheme } from "@/hooks/useColorScheme";
 
/* 根路由 */
export default function RootLayout() {
  const colorScheme = useColorScheme();
 
  const theme = colorScheme === "dark" ? DarkTheme : DefaultTheme;
 
  return (
    /* 主题 Provider */
    <ThemeProvider value={theme}>
      {/* 声明可跳转的路由栈 */}
      <Stack screenOptions={{ headerShown: false }}>
        <Stack.Screen name="animate/carousel" />
        <Stack.Screen name="animate/panRespnder-drag" />
      </Stack>
      {/* 状态栏 */}
      <StatusBar style="auto" animated />
    </ThemeProvider>
  );
}

import { Link } from "expo-router";
import { Text } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";
import { useTheme } from "@react-navigation/native";
 
export default function Page() {
  const { colors } = useTheme();
  return (
    <SafeAreaView style={{ flex: 1, alignItems: "center" }}>
      <Text style={[{ color: colors.text }]}>to /</Text>
    </SafeAreaView>
  );
}