/
App.js
42 lines (33 loc) · 1.01 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
import React, {useEffect} from 'react';
import { StyleSheet, Text, View } from 'react-native';
import * as Font from 'expo-font';
import { createAppContainer } from 'react-navigation';
import RootNavigator from './src/react/navigation';
const AppContainer = createAppContainer(RootNavigator);
export default class App extends React.Component {
constructor(props){
super(props);
this.state = {
assetsLoaded: false,
}
}
async componentDidMount(){
await Font.loadAsync({
'Cairo': require('./assets/fonts/Cairo-Regular.ttf'),
'Cairo-Black': require('./assets/fonts/Cairo-Black.ttf'),
'Cairo-Light': require('./assets/fonts/Cairo-Light.ttf'),
'Cairo-ExtraLight': require('./assets/fonts/Cairo-ExtraLight.ttf'),
'Cairo-Bold': require('./assets/fonts/Cairo-Bold.ttf'),
});
this.setState({assetsLoaded: true})
}
render(){
return (
<View style={{flex: 1}}>
{
this.state.assetsLoaded && <AppContainer />
}
</View>
);
}
}