web-dev-qa-db-fra.com

React icône de vecteur natif ne fonctionne pas sur la version actuelle 0.60

Le lien automatique natif React ne fonctionne pas pour les icônes vectorielles natives React. J'ai corrigé cela dans Android avec cela https://github.com/oblador/react-native-vector-icons/issues/1035

Mais le IOS je suis toujours confronté à des problèmes. Veuillez me faire savoir si quelqu'un a résolu ce problème ... Merci!

Voici une capture d'écran du problème auquel je suis confronté.

enter image description here

reactjsreact-nativereact-native-iosreact-native-vector-icons
14
Rahul Mishra

Cela a fonctionné pour moi sur un projet amélioré et sur une toute nouvelle RN 0.60.0

Pour IOS ajoutez ceci à ios/projectname/Info.plist

<key>UIAppFonts</key>
    <array>
        <string>AntDesign.ttf</string>
        <string>Entypo.ttf</string>
        <string>EvilIcons.ttf</string>
        <string>Feather.ttf</string>
        <string>FontAwesome.ttf</string>
        <string>FontAwesome5_Brands.ttf</string>
        <string>FontAwesome5_Regular.ttf</string>
        <string>FontAwesome5_Solid.ttf</string>
        <string>Foundation.ttf</string>
        <string>Ionicons.ttf</string>
        <string>MaterialCommunityIcons.ttf</string>
        <string>MaterialIcons.ttf</string>
        <string>Octicons.ttf</string>
        <string>SimpleLineIcons.ttf</string>
        <string>Zocial.ttf</string>
    </array>

Pour Android ajoutez cette ligne à Android/app/build.gradle

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

Cela a corrigé mes problèmes et réagit aux icônes vectorielles natives fonctionnant à la fois sur la plate-forme.

26
Rahul Mishra

Si vous avez fait react-native link sur iOS faire cd ios puis pod install.

Certains packages doivent encore être mis à jour par les responsables pour fonctionner avec React Native.

De plus, si vous ne voulez pas de lien, allez dans votre podfile et ajoutez:

  pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

après cela, faites les mêmes étapes que je l'ai déjà dit

2
Auticcat

Courir

npx react-native link

au projet de dossier racine pour résoudre ce problème.

J'espère que ça aide.

0
Duyv