Reagieren native Vektorsymbole werden auf Android-Geräten nicht angezeigt

Ich habe React-Native-Vector-Icons in meinem React-Native-Projekt verwendet und starte die App mit npm start.

Symbole werden in iOS normal angezeigt, aber nicht in Android.

Dinge, die ich versucht habe:

• Drei-Methode im Dokument von React-Native-Vector-Icons (endlich kann ich *.tff-Dateien im Fonts-Ordner sehen)
• verwenden react-native run-android App zu starten. Das Symbol wird normal angezeigt, aber was ich möchte, ist die Integration von React Native in meine vorhandene Android-App, nicht in eine vollständig RN-App.
• Verwenden Sie die jsbundle-Datei anstelle des Debug-Servers in meiner App

Keine der oben genannten funktioniert

Sollte ich also etwas zu meiner bestehenden Android-App hinzufügen?

Ich weiß nicht, wie ich dieses Problem lösen soll

[email protected]

[email protected]

[email protected]

node v5.10.1

npm v3.8.3

Offen android/app/build.gradle und folgendes hinzufügen:

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

Sie können den Anweisungen folgen, um das Modul auf Android richtig zu installieren: reagieren-native-vektor-symbole#install-android

Ich habe es behoben, indem ich Folgendes ausgeführt habe:

react-native link
react-native run-android

Öffnen Sie das Terminal im selben Projektpfad:

react-native link react-native-vector-icons 
react-native run-android 

Bearbeiten Sie android/app/build.gradle

Fügen Sie einfach Abhängigkeiten hinzu

Implementierungsprojekt(‘:react-native-vector-icons’)

Die folgenden Codezeilen sind optional, wenn Sie RN > 0,60 verwenden

Bearbeiten android/app/build.gradle ( NICHT android/build.gradle ) und füge Folgendes hinzu:

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

Bearbeiten android/settings.gradle so aussehen:

rootProject.name="MyApp"

include ':app'

// Add these two lines
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

Verweise:
https://github.com/oblador/react-native-vector-icons

Nachdem Sie die unten genannten Schritte ausgeführt haben, funktioniert es einwandfrei.

Stellen Sie zuvor diese Schritte sicher.

Installationspaket:

 yarn add react-native-vector-icons

Importieren: import Ionicons from 'react-native-vector-icons/Ionicons';

Beispielcode:

return (
      <View style={styles.buttonCircle}>
        <Ionicons
          testID="nextButton"
          name="arrow-forward"
          color="rgba(255, 255, 255, .9)"
          size={24}
          style={{backgroundColor: 'transparent'}}
        />
      </View>
    );

Offen android/app/build.gradle und fügen Sie die unten erwähnte Zeile nach dem hinzu reagieren.gradle.

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

Offen android/settings.gradle Fügen Sie die unten erwähnte Zeile hinzu.

// Fügen Sie diese beiden Zeilen hinzu

include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

Sie stoppen den Entwicklungsserver und führen die App erneut aus Reagiere auf natives Run-Android

Ich hoffe, es ist hilfreich.

In :-   android/app/build.gradle

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

and setting.gradle file add this 

include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

Ich habe das gleiche Problem und als ich das gelöst habe, versuchen wir es:

1. Offen android/app/build.gradle ( NICHT android/build.gradle )
2. Folgendes hinzufügen: apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
3. Danach müssen Sie den Dev stoppen und erneut starten/ausführen (npm run android)

Hoffentlich hilft dir das weiter 😀