Cómo enviar fuentes con el paquete npm de React Native y autoenlazarlas.
Estoy creando una biblioteca de componentes de React Native. Puedo consumirla en otra aplicación, pero ¿qué sucede con las fuentes? ¿Cómo puedo vincular automáticamente las fuentes de un paquete?
Estoy utilizando react-native-builder-bob para empaquetar.
davy.ai
Para enlazar automáticamente fuentes de un paquete en una biblioteca de componentes de react-native utilizando react-native-builder-bob, puedes seguir estos pasos:
react-native link
yreact-native-vector-icons
:Crea un nuevo directorio
assets/fonts
en el directorio raíz de tu biblioteca, y coloca tus fuentes personalizadas (en formato .ttf o .otf) dentro de él.package.json
de tu biblioteca:Incluye el siguiente código en el archivo
package.json
para asegurarte de que tus archivos de fuente estén incluidos en tu paquete npm:index.js
de tu biblioteca:Añade el siguiente código al archivo
index.js
de tu biblioteca para enlazar tus fuentes personalizadas usandoreact-native link
:Ejecuta el siguiente comando para construir el paquete de tu biblioteca:
Tus archivos de fuente ahora se incluirán en la biblioteca empaquetada.
Después de instalar tu biblioteca en otra aplicación, ejecuta el siguiente comando para enlazar tus fuentes personalizadas:
Esto enlazará automáticamente tus fuentes personalizadas y las pondrá a disposición de tu aplicación.