【react native】react navigation简述(3)


  • createStackNavigator

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

  • createBottomTabNavigator

屏幕下方标签栏

  • createMaterialTopTabNavigator

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

  • createDrawerNavigator

抽屉效果,侧边划出

  • createSwitchNavigator

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

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

需要用createAppContainer包裹

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


    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章