Famille de police Roboto léger et gras en réaction native

Question

Je fais quelques modifications sur le texte dans mon application native: il faut que je spécifie Roboto light pour les paragraphes et Roboto Bold pour les titres. je dois avoir le même aspect du texte dans les deux iOS et les applications Android: alors je dois le faire fonctionner pour les deux j'ai essayé cette ligne de code code

text : { fontFamily: 'sans-serif-light' },

mais je reçois cette erreur:

J'ai essayé ce type de la documentation officielle et il fonctionne très bien

title : { fontFamily: 'Cochin' },

-> Alors Je pense que le problème est dans le fontfamily Roboto lui-même .. Toute aide?

Answer 1

Pour ajouter des polices personnalisées à votre magasin d'application tous vos fichiers TTF un répertoire. Ajoutez le code suivant à votre fichier package.json.

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

Lancez ensuite react-native link Pour utiliser la police utilise le même nom sur le fichier TTF dans fontFamily.

Answer 2

sans-serif-light et Roboto sont des polices de caractères exclusivement Android. Vous avez besoin de différentes polices pour iOS. Ce référentiel a une liste de polices disponibles pour iOS et Android - https://github.com/react-native-training/react-native-fonts

Vous pouvez utiliser Platform.select() pour cibler différentes polices pour chaque OS:

title: { 
    ...Platform.select({ 
     ios: { fontFamily: 'Arial', }, 
     android: { fontFamily: 'Roboto' } 
    }) 
}