Comment faire pour utiliser la Police Génial à réagir natif de projet sans l'aide d'un tiers de la bibliothèque?
Je veux utiliser la Police Impressionnant icônes dans mon réagir indigènes projet pour android.
Je veux le faire manuellement, sans l'aide d'un tiers de la bibliothèque comme react-native-vector-icons
ou autres.
- Pourquoi vous ne voulez pas utiliser une tierce partie?
- je veux le faire manuellement, afin que je puisse savoir ce qui se passe sous le capot.
Vous devez vous connecter pour publier un commentaire.
je réponds pour android Et ios
télécharger police génial zip extrait de la copie des fichiers fontawesome-webfont.ttf fichier
faire /assets/fonts/ répertoire dans votre répertoire de projet
coller fontawesome-webfont.ttf en /assets/fonts/
renommez le fichier fontawesome.ttf
ajouter
"rnpm": {
"assets": [
"./assets/fonts/"
]
}
dans votre fin de paquet.json fichier comme ceci
react-native link
de commande dans le terminal dans le répertoire du projetvoir reslut comme ce
react-native run-android
commande après avoir réussi à lier laaller à fontawesome triche
copier uniquement le code de caractère de l'icône que vous souhaitez appliquer à un affichage de texte et de le coller
appliquer un style
fontFamily: 'fontawesome'
de même, vous pouvez le faire pour les autres icône de vecteur de polices comme ionicons
et d'autres sans l'aide de tiers, de la bibliothèque comme
react-native-vector-icons
C'est un peu vieux, mais tout de même. Si vous utilisez de Créer Réagir Application Native, je pense que c'est le moyen le plus facile. Télécharger la police et de la placer en " projectfolder/assets/fonts/' annuaire. Je l'ai renommé en " fontawesome.ttf'.
Après que vous aurez besoin pour installer l'expo paquet si vous ne l'avez pas déjà.
Et ajouter les lignes suivantes à votre index (App.js fichier.
Tout d'abord:
Puis chargement de la police. Ce code va à l'intérieur de votre Application composant:
À assurez-vous que vous n'avez tout va bien:
Ceux sont des instructions d'origine.
Je voulais juste le rendre visible sans visitant le lien.
Remarque:
Après l'Étape 1 assurez-vous que "réagissent-native-fontawesome": "ici la Version" montre en vertu de dépendances dans votre forfait.fichier json(dossier racine de l'application).
Pour Plus D':
https://github.com/entria/react-native-fontawesome