Files
cruiseLovers/app/_layout.tsx

42 lines
1.3 KiB
TypeScript

import 'react-native-reanimated';
import { EmergencyButton } from '@/assets/components/EmergencyButton';
import { AuthProvider } from '@/assets/contexts/useAuth';
import { useFonts } from 'expo-font';
import { Stack } from 'expo-router';
import * as SplashScreen from 'expo-splash-screen';
import { useEffect } from 'react';
import { View } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
SplashScreen.preventAutoHideAsync();
export default function RootLayout() {
const [fontsLoaded] = useFonts({
'SpaceGrotesk-Regular': require('@/assets/fonts/SpaceGrotesk-Regular.ttf'),
'SpaceGrotesk-Medium': require('@/assets/fonts/SpaceGrotesk-Medium.ttf'),
'SpaceGrotesk-Bold': require('@/assets/fonts/SpaceGrotesk-Bold.ttf'),
'SpaceGrotesk-SemiBold': require('@/assets/fonts/SpaceGrotesk-SemiBold.ttf'),
'SpaceGrotesk-Light': require('@/assets/fonts/SpaceGrotesk-Light.ttf'),
});
useEffect(() => {
if (fontsLoaded) {
SplashScreen.hideAsync();
}
}, [fontsLoaded]);
if (!fontsLoaded) {
return null;
}
return (
<GestureHandlerRootView style={{ flex: 1 }}>
<AuthProvider>
<View style={{ flex: 1 }}>
<Stack screenOptions={{ headerShown: false }} />
<EmergencyButton />
</View>
</AuthProvider>
</GestureHandlerRootView>
);
}