-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
49 lines (43 loc) · 1.22 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
import React from 'react';
import { View, Text } from 'react-native';
import { AppLoading } from 'expo';
import { Asset } from 'expo-asset'
import { Font } from 'expo-font'
import fonts from 'app/src/fonts';
import images from 'app/src/images';
import { NavigationContainer } from '@react-navigation/native';
import MainTabNavigator from 'app/src/navigation/MainTabNavigator'
export default class App extends React.Component {
static defaultProps = {
skipLoadingScreen: false
}
constructor(props) {
super(props);
this.state = {
isLoadingComplete: false
}
}
loadResourcesAsync = async () => {
await Asset.loadAsync(Object.keys(images).map( key => images[key] ));
await Font.loadAsync(fonts);
return true;
}
render() {
const { isLoadingComplete } = this.state;
const { skipLoadingScreen } = this.props;
if (!isLoadingComplete && !skipLoadingScreen) {
return (
<AppLoading
startAsync={this.loadResourcesAsync}
onError={error => console.warn(error)}
onFinish={() => this.setState({ isLoadingComplete: true })}
/>
);
}
return (
<NavigationContainer>
<MainTabNavigator />
</NavigationContainer>
);
}
}