web-dev-qa-db-fra.com

les icônes vectorielles natives ne s'affichent pas dans l'appareil Android

J'ai utilisé des icônes vectorielles react-native dans mon projet react natif et démarrer l'application avec npm start.

Les icônes s'affichent normalement dans iOS, mais ne s'affichent pas dans Android.

Choses que j'ai essayées:

  • trois méthode dans le doc de react-native-vector-icons (enfin je peux voir les fichiers * .tff dans le dossier fonts)
  • utilisation react-native run-Android pour démarrer l'application. L'icône montre normal, mais ce que je veux, c'est intégrer natif de réagir avec mon Android app Android, pas une application totalement RN.
  • utiliser le fichier jsbundle au lieu du serveur de débogage dans mon application

Aucune des œuvres ci-dessus

Alors, dois-je ajouter quelque chose à mon application Android Android?

Je ne sais pas comment résoudre ce problème

[email protected]

[email protected]

[email protected]

noeud v5.10.1

npm v3.8.3

androidreact-nativereact-native-android
15
Theodore

J'ai le même problème et je l'ai résolu en exécutant:

react-native link
react-native run-Android
15
Badis Merabet

Ouvert Android/app/build.gradle et ajoutez ce qui suit:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

Vous pouvez suivre les instructions pour installer correctement le module sur Android: react-native-vector-icons # install-Android

14
Luis Fer Garcia

J'avais tout configuré comme mentionné dans les autres réponses, mais fonctionnant toujours react-native run-Android je continue de voir l'application sans les icônes!

J'ai simplement fait:

cd Android && ./gradlew clean

ensuite un autre

react-native run-Android

Et ça a fonctionné yaay!

5
Nimir

Ouvrir le terminal sur le même chemin de projet:

react-native link react-native-vector-icons 
react-native run-Android
3
Al2x

Cela peut avoir plusieurs réponses possibles:

1- Peut-être que l'icône que vous utilisez est juste pour iOS ... essayez de voir d'autres packs de logos dans le lien ci-dessous: https://oblador.github.io/react-native-vector-icons

2- Peut-être que vous importez le mauvais lien pour utiliser le package en haut de votre code où vous importez cette icône de vecteur, importez le lien exact par exemple:

c'est faux: import Icon from "react-native-vector-icons et c'est vrai: "import Icon from "react-native-vector-icons/MaterialIcons";"

1
Eshagh Moutabi

Suivez les recommandations officielles ( https://github.com/oblador/react-native-vector-icons#Android ) pour que ce module se charge lors de la création du bundle:

Modifiez Android/app/build.gradle (PAS Android/build.gradle) et ajoutez ce qui suit:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

0
Jérôme W