Estoy tratando de insertar una fuente personalizada en React Native Expo. Estoy usando el método AppLoading. Por alguna razón, aparece un mensaje de error que dice "Ninguno de estos archivos existe".

... aunque el archivo claramente existe en el directorio de archivos:

Mi versión de Expo es 5.4.0. He buscado preguntas similares, pero no involucran fuentes o usan fuentes Async en lugar de AppLoading.

Este es mi código completo a continuación.

 import 'react-native-gesture-handler'; import React from 'react'; import { createStackNavigator } from '@react-navigation/stack'; import { NavigationContainer } from '@react-navigation/native'; import HomeScreen from './src/screens/HomeScreen'; import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; import AppLoading from 'expo-app-loading'; import { useFonts } from 'expo-font'; import { Font } from 'expo'; const Stack = createStackNavigator(); export default function App() { let [fontsLoaded] = useFonts({ 'SEGOEUI': require('./assets/fonts/SEGOEUI.TTF'), }); if (!fontsLoaded) { return <AppLoading />; } return ( <NavigationContainer> <Stack.Navigator initialRouteName="Home" screenOptions={{ headerShown: false }}> <Stack.Screen name="Home" component={HomeScreen} /> </Stack.Navigator> </NavigationContainer> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });