Expo React Native project getting error when I use custom google fonts and AppLoading in my project. Thank you in advance for your support

Expo SDK
1

This is the issue I am getting-> VM16 bundle.js:32503 expo-app-loading is deprecated in favor of expo-splash-screen: use SplashScreen.preventAutoHideAsync() and SplashScren.hideAsync() instead. SplashScreen - Expo Documentation Here below is my App.js file

import { StatusBar } from 'expo-status-bar';
import { useEffect, useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import AppLoading from 'expo-app-loading';
import { useFonts } from 'expo-font';
import Menu from './Src/Menu';
import { Roboto_400Regular, Roboto_500Medium, } from '@expo-google-fonts/roboto'

export default function App() {
let [fontsLoaded] = useFonts({
        Roboto_400Regular,
        Roboto_500Medium,
    });
    if (!fontsLoaded) {
        return <AppLoading />;
    }
return (
<NavigationContainer>
            <Menu />
        </NavigationContainer>
    );
}
2

Hi @reece44, AppLoading component is deprecated, hence, the warning. Please have a look at the SplashScreen example to update your code.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.