0
点赞
收藏
分享

微信扫一扫

react-navigation(8)

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 可以设置导航器显示在屏幕的方式,比如:头部标题、选项卡标签

 

 

举报

相关推荐

0 条评论