pasang font

App.js

@@ -11,15 +11,15 @@ import * as Localization from 'expo-localization';
 import i18n from 'i18n-js';
 import en from './lib/en';
 import id from './lib/id';
-import React, {useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Text, View } from 'react-native';
 import { AppLoading } from 'expo';
 import * as Font from 'expo-font';
 
 export const lang = i18n.translations = {
-        en:en,
-        id:id
-    }
+  en: en,
+  id: id
+}
 
 export const set_lang = i18n.locale = Localization.locale;
 export const fallbacks = i18n.fallbacks = true;
@@ -34,8 +34,28 @@ const store = createStore(persistReducers);
 const persistor = persistStore(store)
 i18n.locale = Localization.locale;
 
+let customFonts = {
+  'Gotham-Black': require('./assets/font/Gotham-Bold-700.otf'),
+  'Gotham-SemiBoldItalic': require('./assets/font/Gotham-BoldItalic-400.otf')
+};
 
 export default function App() {
+  const [fontsLoaded, setfontsLoaded] = useState(false)
+
+  const loadFont = async () => {
+    await Font.loadAsync(customFonts);
+  };
+
+  useEffect(() => {
+    console.log('===> Did Mount');
+    loadFont().then(_ => {
+      setfontsLoaded(true);
+    })
+  }, [])
+
+  if (!fontsLoaded) {
+    return <AppLoading />;
+  } else {
     return (
       <Provider store={store}>
         <PersistGate loading={null} persistor={persistor}>
@@ -45,4 +65,5 @@ export default function App() {
         </PersistGate>
       </Provider>
     );
+  }
 }