Utilizando custom fonts en React Native

Hola amigos de la #nerdytud, en el día de hoy quiero compartirles, una forma muy sencilla de utilizar custom fonts en nuestra aplicación react native.

Para el ejemplo utilizado, podemos descargar la fuente desde https://fonts.google.com

Crear aplicación

npx react-native init SampleProject

Crear archivo react-native.config.js (root)

module.exports = {
    project: {
        ios: {},
        android: {},
    },
    assets: ['./src/assets/fonts'],
};

Copiar las fuentes en /src/assets/fonts

Link a fuentes

npx react-native link

Uso de la fuente

const styles = StyleSheet.create({
    titulo: {
        margin: 15,
        textTransform: 'capitalize',
        color: '#BF0411',
        fontFamily: 'DancingScript-Bold',
        fontSize: 40
    }
});

<Text style={styles.titulo}>lorem ipsum</Text>

Ejecutar aplicación

npx react-native start

npx react-native run-android