React-native android fontFamily no tiene efecto

Para Android: Las fuentes personalizadas se agregaron con 0.16.0-rc. Así que usted necesita tener la versión 0.16.0-rc primero y después de que usted puede simplemente descargar cualquier fuente de la web.

1. Pon tus archivos de fuentes en projectfolder / android / app / src / main / assets / fonts / font_name.ttf
2. Recuerde recompilar lo que es: react-native run-android
3. Y entonces puedes usar fontFamily: 'font_name' en tu estilo.

También tenga en cuenta las siguientes restricciones para las fuentes personalizadas de Android en react-native:

• Las fuentes deben colocarse en android/app/src/main/assets/fonts
• Sólo se admiten archivos .ttf
• El nombre del archivo debe coincidir exactamente con la fontFamily . Por ejemplo, si fontFamily es 'Source Sans Pro' , el archivo debe llamarse Source Sans Pro.ttf (y NOT SourceSansPro.ttf ). Los sufijos que se mencionan en el párrafo siguiente se eliminan automáticamente del archivo.
• Cuando la fuente está en negrita y / o itálica, debe utilizar en los siguientes sufijos:
  • _bold (por ejemplo, Source Sans Pro_bold.ttf )
  • _italic
  • _bold_italic

Esta característica aún no se ha implementado. Vea el tema relevante en github aquí .

Parece que se ha añadido una fuente personalizada, echa un vistazo a este commit:

https://github.com/facebook/react-native/commit/bfeaa6a4f531cfc18c097bc9ffb6a8dbe3ddc702

Creo que lo siguiente es una alternativa más limpia a los métodos ya explicados aquí:

Pon todas tus fuentes en tu directorio React-Native project

 ./assets/fonts/ 

Agregue la siguiente línea en su package.json

 "rnpm": { "assets": ["./assets/fonts"] } 

Finalmente ejecutar en el terminal de su directorio de proyectos

 $ react-native link 

Para usarlo declara de esta manera en tus estilos

 fontFamily: 'your-font-name without extension' 

Si su fuente es Raleway-Bold.ttf entonces,

 fontFamily: 'Raleway-Bold' 

Fuente https://medium.com/@danielskripnik/how-to-add-and-remove-custom-fonts-in-react-native-b2830084b0e4