App.js

import { StatusBar } from 'expo-status-bar';
import React,{useState,Suspense} from 'react';
import  AppLoading  from 'expo-app-loading';
import * as Font from 'expo-font';
import { StyleSheet, Text, View } from 'react-native';
import LoginScreen from './screens/LoginScreen';
import MbtNavigator from './navigation/MbtNavigator';
import './i18n';


const fetchFonts=()=>{
  return Font.loadAsync({
     'Poppins':require('./assets/fonts/Poppins-Regular.ttf'),
     'Poppins-Bold':require('./assets/fonts/Poppins-Bold.ttf'),
     'Poppins-SemiBold':require('./assets/fonts/Poppins-SemiBold.ttf'),
     'Poppins-Medium':require('./assets/fonts/Poppins-Medium.ttf'),
     'Montserrat-Regular':require('./assets/fonts/Montserrat-Regular.ttf'),
     'Montserrat-Bold':require('./assets/fonts/Montserrat-Bold.ttf'),
     'Montserrat-SemiBold':require('./assets/fonts/Montserrat-SemiBold.ttf'),
     'Montserrat-Medium':require('./assets/fonts/Montserrat-Medium.ttf'),
     'Roboto-Light':require('./assets/fonts/Roboto-Light.ttf'),
     'Roboto-Regular':require('./assets/fonts/Roboto-Regular.ttf')
   })
 }

export default function App() {
  const [fontLoaded,setfontLoade]=useState(false);

    if(!fontLoaded){
      return(
        <Suspense fallback={null}>
       <AppLoading startAsync={fetchFonts} onFinish={()=>setfontLoade(true)} onError={(e)=>console.log(e)}/>
       </Suspense>
      )
    }
  return (
    <Suspense fallback={<Text>Loading....</Text>}>
    <MbtNavigator/>
    </Suspense>
  );
}