【react native】react navigation简述（3）

• Z时代
• 2024-01-10
• 分类：综合

• createStackNavigator

createStackNavigator类似于普通的navigator，屏幕上方导航栏

• createBottomTabNavigator

屏幕下方标签栏

• createMaterialTopTabNavigator

屏幕顶部的材料设计主题标签栏

• createDrawerNavigator

抽屉效果，侧边划出

• createSwitchNavigator

用途是一次只显示一个页面（跳转页面时候，第一个页面跳转到第二个页面，第二个页面不能再回到第一个页面的一个导航器）

createTabNavigator已经弃用，使用createBottomTabNavigator或者createMaterialTopTabNavigator来进行替代。

需要用createAppContainer包裹

属性

• 可以通过ref获取到navigation
• onNavigationStateChange可以坚挺到导航器的state的变化
• screenProps可以向子屏幕传递数据
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

以上是 【react native】react navigation简述（3） 的全部内容， 来源链接： utcz.com/z/381473.html