es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Errores de fuentes personalizadas en react-native

29 Jul, 2023 Programación

Necesito usar fuentes personalizadas en react-native: en iOS funciona bien, pero en iOS da error. “unrecognized font-family”. He seguido muchos tutoriales pero ninguno funciona en mi caso.
Aquí hay algunos enlaces que he seguido.

Enlace 1: link 1

Enlace 2: link 2

Enlace 3: link 3

Aquí hay dos problemas. Si las fuentes se agregan en “copy bundle resources”, produce un “multiple command error” y si las quito de ahí, el proyecto se compila pero da error “unrecognized font family”.
Las he agregado en “react-native-config.js”, los archivos de fuentes son visibles en el archivo de recursos (resources) y también en el archivo info.plist, pero no funcionan.

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Como experto en tecnología de la información especializado en react-native y fuentes personalizadas, hay algunas cosas que podrías verificar para resolver el problema de error de font-family no reconocida en iOS.

    1. Verifica si los archivos de fuente están agregados correctamente a los recursos del proyecto navegando al directorio del proyecto de iOS > Proyecto > Fases de Compilación > Copia de Recursos del Bundle. Asegúrate de que los archivos de fuente estén listados aquí.

    2. Si agregar los archivos de fuente a los Recursos del Bundle produce un error de comando múltiple, intenta remover los archivos de fuente y volver a importarlos al proyecto.

    3. Verifica nuevamente si el nombre de la familia de fuentes está agregado correctamente al archivo fuente de React Native. El nombre de la familia de fuentes debe estar escrito de la misma manera en que está nombrado en el archivo de fuente.

    4. Confirma que las fuentes personalizadas estén incluidas en el archivo react-native-config.js del proyecto. Puedes ejecutar el comando react-native link para enlazar las fuentes recién agregadas.

    5. Verifica si la fuente personalizada es visible en el archivo info.plist. Asegúrate de que la opción “Fuentes provistas por la aplicación” liste esta fuente personalizada.

    Siguiendo estos pasos, deberías poder resolver el problema de error de font-family no reconocida en iOS al usar fuentes personalizadas en React Native. Además, también podrías consultar los enlaces que ya has verificado para obtener más claridad o orientación sobre cómo agregar fuentes personalizadas al proyecto.

Comments are closed.