pasang font

App.js

@@ -11,18 +11,18 @@ 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;
+export const set_lang = i18n.locale = Localization.locale;
+export const fallbacks = i18n.fallbacks = true;
 
 const persistConfig = {
   key: 'root',
@@ -34,15 +34,36 @@ 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() {
-  return (
-    <Provider store={store}>
-      <PersistGate loading={null} persistor={persistor}>
-        <NavigationContainer>
-          <Auth />
-        </NavigationContainer>
-      </PersistGate>
-    </Provider>
-  );
+  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}>
+          <NavigationContainer>
+            <Auth />
+          </NavigationContainer>
+        </PersistGate>
+      </Provider>
+    );
+  }
 }