React Nativeナビゲータのreact-navigation使用
前節のNavigationコンポーネントでは,システムが提供するナビゲーションコンポーネントを用いてジャンプの例を行ったが,実際には戦闘能力が強くなく,ここでは超牛が追い詰めたサードパーティライブラリ:react-navigationを推奨する.react-navigationについて話す前に、よく使われるナビゲーションコンポーネントを見てみましょう.
ナビゲーションコントロール
一般的なナビゲーションは主に3種類に分けられる:1.StackNavigator:通常のNavigatorと同様、画面上のナビゲーションバー2.TabNavigator:obviously、iOSの中のTabBarControllerに相当し、画面の下のラベルバー3.Drawernavigator:引き出し効果、左側にこの効果が出ます.
Navigation使用
navigationを使用する各インタフェースnavigationでは、関連するプロパティと応答方法が提供されています.一般的には、navigate定義が別のページにジャンプしてこの方法を呼び出して他のインタフェースをリンクします.主に次のパラメータがあります.・routeName-ターゲットルーティング名.あなたのapp routerに登録・params-パラメータをターゲットrouterにマージ・action-(高度)sub-action、このインタフェースがnavigatorであればこのsub-actionを実行します
例:
ナビゲーションコントロール
一般的なナビゲーションは主に3種類に分けられる:1.StackNavigator:通常のNavigatorと同様、画面上のナビゲーションバー2.TabNavigator:obviously、iOSの中のTabBarControllerに相当し、画面の下のラベルバー3.Drawernavigator:引き出し効果、左側にこの効果が出ます.
Navigation使用
navigationを使用する各インタフェースnavigationでは、関連するプロパティと応答方法が提供されています.一般的には、navigate定義が別のページにジャンプしてこの方法を呼び出して他のインタフェースをリンクします.主に次のパラメータがあります.・routeName-ターゲットルーティング名.あなたのapp routerに登録・params-パラメータをターゲットrouterにマージ・action-(高度)sub-action、このインタフェースがnavigatorであればこのsub-actionを実行します
例:
class HomeScreen