ReactNatice> 0.6バージョン、react-navigationの下部にあるナビゲーションアイコンにソリューションが表示されない(Android)

チュートリアルアドレス:https : //reactnavigation.org/docs/tab-based-navigation/

まず、ReactNative> = 0.6、

1.反応ナビゲーションコアをインストールする

糸@ react-navigation / nativeを追加

2.ナビゲーションの他の依存関係をインストールする

糸追加反応ネイティブアニメーション反応ネイティブジェスチャーハンドラ反応ネイティブスクリーン反応ネイティブセーフエリアコンテキスト@反応ネイティブコミュニティ/マスクされたビュー

3.下部ラベルナビゲーションコンポーネントをインストールする

糸@ react-navigation / bottom-tabsを追加

4.コンポーネントをインストールした後、ソースコンパイル済みファイルのキャッシュをクリーンアップします(通常の操作)。

プロジェクトディレクトリに#
CDのAndroid  / Gradlewクリーン

下部のナビゲーションコンポーネントは、react-navigationのドキュメントに従ってインストールされます。

 

 

アイコンを使用した環境インストール方法:

リファレンス:https : //github.com/oblador/react-native-vector-icons#integrating-library-for-getimagesource-and-toolbarandroid-support

1. react-native-vector-iconsコンポーネントをインストールします

糸追加反応ネイティブベクトルアイコン--dev

2.私はAndroid開発環境なので、Androidコンポーネントを登録する必要があります

 ファイルを変更して  android/app/build.gradle (ではなく  android/build.gradle)、行を追加します。

適用元:" ../../node_modules/react-native-vector-icons/fonts.gradle "

 

 

おすすめ

転載: www.cnblogs.com/zjhblogs/p/12758398.html