チュートリアルアドレス: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 "