Creé un componente para cargar fuentes antes de la aplicación, quiero que el mismo componente cargue algunas imágenes antes de iniciar también. ¿Cómo puedo hacer eso? aquí está mi código:

 import { FontAwesome } from '@expo/vector-icons'; import * as Font from 'expo-font'; import * as SplashScreen from 'expo-splash-screen'; import * as React from 'react'; export default function Cache() { const [isLoadingComplete, setLoadingComplete] = React.useState(false); React.useEffect(() => { async function loadResourcesAndDataAsync() { try { SplashScreen.preventAutoHideAsync(); await Font.loadAsync({ TajawalLight: require('../../assets/fonts/Tajawal-Light.ttf'), }); } catch (e) { console.warn(e); } finally { setLoadingComplete(true); SplashScreen.hideAsync(); } } loadResourcesAndDataAsync(); }, []); return isLoadingComplete; }