Utilizei o Splash Screen no lugar do AppLoading que foi descontinuado.
npx expo install expo-splash-screenimport { StatusBar, SafeAreaView } from 'react-native';
import { useCallback } from 'react';
import Cesta from './src/telas/Cesta';
import mock from './src/mocks/cesta';
import * as SplashScreen from 'expo-splash-screen';
import { useFonts, Montserrat_400Regular, Montserrat_700Bold } from '@expo-google-fonts/montserrat';
SplashScreen.preventAutoHideAsync();
export default function App() {
const [fonteCarregada] = useFonts({
"MontserratRegular": Montserrat_400Regular,
"MontserratBold": Montserrat_700Bold
});
const onLayoutRootView = useCallback(async () => {
if (fonteCarregada) {
await SplashScreen.hideAsync();
}
}, [fonteCarregada]);
if (!fonteCarregada) {
return null;
}
return (
<SafeAreaView onLayout={onLayoutRootView}>
<StatusBar />
<Cesta {...mock} />
</SafeAreaView>
);
}
