4 votes

Les icônes vectorielles natives de react ne s'affichent pas sur les appareils Android

J'ai utilisé react-native-vector-icons dans mon projet react native et j'ai démarré l'application avec npm start .

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

Ce que j'ai essayé :

  • trois méthodes dans la doc de react-native-vector-icons (enfin je peux voir les fichiers *.tff dans le dossier fonts)
  • utiliser react-native run-android pour démarrer l'application. L'icône s'affiche normalement mais ce que je veux, c'est intégrer react native à mon application Android existante, pas une application RN à part entière.
  • utiliser le fichier jsbundle au lieu du serveur de débogage dans mon application

Rien de tout cela ne fonctionne

Dois-je donc ajouter quelque chose à mon application Android existante ?

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


react@15.2.0

react-native@0.30.0

react-native-vector-icons@2.0.3

node v5.10.1

npm v3.8.3

8voto

Badis Merabet Points 2220

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

react-native link
react-native run-android

7voto

Fernando Garcia Points 103

Ouvrir android/app/build.gradle et ajouter 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

1voto

Eshagh Moutabi Points 71

Plusieurs réponses sont possibles :

1- peut-être que l'icône que vous utilisez est seulement 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 paquet en haut de votre code où vous importez cette icône vectorielle, importez le lien exact par exemple :

ce n'est pas correct : import Icon from "react-native-vector-icons et c'est vrai : "import Icon from "react-native-vector-icons/MaterialIcons";"

0voto

Nimir Points 2160

J'ai tout configuré comme indiqué dans d'autres réponses, mais le système fonctionne toujours. react-native run-android Je continue à voir l'application sans les icônes !

Tout simplement :

cd android && ./gradlew clean

puis un autre

react-native run-android

Et il a travaillé Oui, c'est bien !

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X