react-navigation(8)

版权声明:1.版权归原作者Moment ° 回忆 ✨所有; 2.未经原作者允许不得转载本文内容,否则将视为侵权; 3.转载或者引用本文内容请注明来源及原作者; 4.对于不遵守此声明或者其他违法使用本文内容者,本人依法保留追究权等。 https://blog.csdn.net/qq_35366269/article/details/88405245

react-navigation 是什么?

      react-navigation 是一款可扩展且易于使用的开源导航组件。

导航器是什么?

      导航器可以看成是一个普通的React组件,你可以通过导航器来定义你的App的导航结构。在react-navigation中有以下6种类型的导航器:

  1. createStackNavigator:类似于普通的Navigator,屏幕上方导航栏
  2. createTabNavigator:createTabNavigator以弃用,使用createBottomTabNavigator和createMaterialTopTabNavigator替代
  3. createBottomTabNavigator:相当于IOS里面的TabBarController,屏幕下方的标题栏
  4. createMaterialTopTabNavigator:屏幕顶部的主题标题栏
  5. createDrawerNavigator:抽屉效果,侧边滑出
  6. createSwitchNavigator:该用于是一次只显示一个页面 

       

     在学习6种导航之前,我们首先要了解个导航相关的两个概念:

  1. Screen navigation prop(屏幕导航属性):通过navigation可以完成页面之间的调度操作,例如打开另外一个页面
  2. Screen navigationOptions (屏幕导航选项):通过navigationOptions 可以设置导航器显示在屏幕的方式,比如:头部标题、选项卡标签

猜你喜欢

转载自blog.csdn.net/qq_35366269/article/details/88405245