35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import { DarkTheme, DefaultTheme, ThemeProvider as NavigationThemeProvider } from '@react-navigation/native';
|
|
import { Stack } from 'expo-router';
|
|
import { StatusBar } from 'expo-status-bar';
|
|
import 'react-native-reanimated';
|
|
|
|
import { useColorScheme } from '@/hooks/use-color-scheme';
|
|
import { ThemeProvider } from '@/context/ThemeContext';
|
|
import '@/i18n'; // Initialize i18n
|
|
|
|
export const unstable_settings = {
|
|
anchor: '(tabs)',
|
|
};
|
|
|
|
export default function RootLayout() {
|
|
return (
|
|
<ThemeProvider>
|
|
<RootLayoutNav />
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
function RootLayoutNav() {
|
|
const colorScheme = useColorScheme();
|
|
|
|
return (
|
|
<NavigationThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
|
|
<Stack>
|
|
<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
|
|
<Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
|
|
</Stack>
|
|
<StatusBar style={colorScheme === 'dark' ? 'light' : 'dark'} />
|
|
</NavigationThemeProvider>
|
|
);
|
|
}
|