fixed fontLoading

Author: palingheorghe

App.js

@@ -43,14 +43,14 @@ export default class App extends React.Component {
     fontLoaded: false
   };
 
-  async componentDidMount() {
-    Font.loadAsync({
-      'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),
-      'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')
-    });
+  // async componentDidMount() {
+  //   Font.loadAsync({
+  //     'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),
+  //     'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')
+  //   });
 
-    this.setState({ fontLoaded: true });
-  }
+  //   this.setState({ fontLoaded: true });
+  // }
 
   render() {
     if (!this.state.isLoadingComplete) {
@@ -75,12 +75,12 @@ export default class App extends React.Component {
   }
 
   _loadResourcesAsync = async () => {
-    // Font.loadAsync({
-    //   'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),
-    //   'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')
-    // });
+    await Font.loadAsync({
+      'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),
+      'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')
+    });
 
-    // this.setState({ fontLoaded: true });
+    this.setState({ fontLoaded: true });
     return Promise.all([...cacheImages(assetImages)]);
   };