38

反応ネイティブ プロジェクトで react-native-vector-icons を使用し、npm start.

アイコンは iOS では正常に表示されますが、Android では表示されません。

私が試したこと：

  • react-native-vector-icons のドキュメントの 3 つのメソッド (最終的に、fonts フォルダーに *.tff ファイルが表示されます)
  • react-native run-androidアプリの起動に使用します。アイコンは正常に表示されますが、完全に RN アプリではなく、既存の Android アプリに反応ネイティブを統合する必要があります。
  • アプリでデバッグ サーバーの代わりに jsbundle ファイルを使用する

上記のいずれも機能しません

では、既存の Android アプリに何かを追加する必要がありますか?

この問題を解決する方法がわかりません

react@15.2.0

react-native@0.30.0

react-native-vector-icons@2.0.3

node v5.10.1

npm v3.8.3
4

16 に答える 16

74

以下を開いandroid/app/build.gradleて追加します。

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

Android にモジュールを適切にインストールするための指示に従うことができます: react-native-vector-icons#install-android

于 2016-08-10T19:36:03.457 に答える
10

私は同じ問題を抱えており、これを解決した後、試してみましょう:

  1. 開くandroid/app/build.gradle( ではないandroid/build.gradle)
  2. 以下を追加します。apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
  3. その後、Dev を停止し、もう一度再起動/実行する必要があります( npm run android)

うまくいけば、これはあなたを助けるでしょう:D

于 2020-06-06T05:53:47.477 に答える
8

他の回答で述べたようにすべてを構成しましたが、まだ実行react-native run-android中です。アイコンなしでアプリが表示され続けます!

簡単に私はしました：

cd android && ./gradlew clean

それから別の

react-native run-android

そして、それはうまくいきました！

于 2018-09-16T13:39:49.177 に答える
2

公式の推奨事項 ( https://github.com/oblador/react-native-vector-icons#android )に従って、バンドルの作成時にこのモジュールをロードします。

android/app/build.gradle ( android/build.gradle ではない) を編集し、以下を追加します。

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

于 2020-04-05T14:06:40.230 に答える