-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
49 lines (43 loc) · 1.36 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import { NavigationContainer } from '@react-navigation/native';
import { StatusBar } from 'expo-status-bar';
import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
import Navigation from './components/Navigation';
import { useFonts } from 'expo-font';
import * as SplashScreen from 'expo-splash-screen';
import { useCallback } from 'react';
import { MenuProvider } from 'react-native-popup-menu';
import { UserProvider } from './components/User/UserContext';
SplashScreen.preventAutoHideAsync();
export default function App() {
const [fontsLoaded, fontError] = useFonts({
'Risk-of-Rain': require('./assets/fonts/risk-of-rain.ttf')
})
//display splashscreen while fonts are loading
const onLayoutRootView = useCallback(async () => {
if (fontsLoaded || fontError) {
await SplashScreen.hideAsync();
}
}, [fontsLoaded, fontError]);
if (!fontsLoaded && !fontError) {
return null;
}
return (
<UserProvider>
<MenuProvider>
<SafeAreaView style={{ flex: 1 }} onLayout={onLayoutRootView}>
<NavigationContainer>
<Navigation></Navigation>
</NavigationContainer>
</SafeAreaView>
</MenuProvider>
</UserProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});