android - run - react native wikipedia

La familia nativa reactiva de la familia no tiene efecto

Question

Pregunta 1:

Agrego una familia de fuentes al estilo de bienvenida de index.android.js, pero no tiene efecto. ¿FontFamily realmente funciona en Android?

bienvenido: {fontSize: 20, fontFamily: ''roboto-thin'', textAlign: ''center'', margen: 10}

Pregunta 2:

Si fontFamily funciona en Android, ¿hay alguna forma de cargar fuentes personalizadas desde activos? ¿O es esta alguna característica para ser implementada por reaccion-native?

Answer 1

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

Pon todas tus fuentes en tu directorio de proyectos React-Native

./assets/fonts/

Agregue la siguiente línea en su package.json

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

Finalmente ejecuta en el terminal desde tu 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

Answer 2

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

Answer 3

Para Android: se agregaron fuentes personalizadas con 0.16.0-rc. Por lo tanto, primero debe tener la versión 0.16.0-rc y luego puede descargar cualquier fuente de la web.

1. Ponga sus archivos de fuentes en la carpeta de proyecto / android / app / src / main / asset / fonts / font_name.ttf
2. Recuerda recompilar que es: react-native run-android
3. Y luego puedes usar fontFamily: ''font_name'' en tu estilo.

Answer 4

Parece que se agregó una fuente personalizada, echa un vistazo a este commit:

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

Answer 5

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

• las fuentes se deben colocar en android/app/src/main/assets/fonts
• solo 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 NO SourceSansPro.ttf ). Todos los sufijos mencionados en el párrafo siguiente se eliminan automáticamente del archivo.
• Cuando la fuente está en negrita y / o en cursiva, debe usarse en los siguientes sufijos:
  • _bold (por ejemplo, Source Sans Pro_bold.ttf )
  • _italic
  • _bold_italic