【react native】react navigation簡述(3)


  • createStackNavigator

createStackNavigator類似於普通的navigator,屏幕上方導航欄

  • createBottomTabNavigator

屏幕下方標籤欄

  • createMaterialTopTabNavigator

屏幕頂部的材料設計主題標籤欄

  • createDrawerNavigator

抽屜效果,側邊劃出

  • createSwitchNavigator

用途是一次只顯示一個頁面(跳轉頁面時候,第一個頁面跳轉到第二個頁面,第二個頁面不能再回到第一個頁面的一個導航器)

createTabNavigator已經棄用,使用createBottomTabNavigator或者createMaterialTopTabNavigator來進行替代。

需要用createAppContainer包裹

屬性
  • 可以通過ref獲取到navigation
  • onNavigationStateChange可以堅挺到導航器的state的變化
  • screenProps可以向子屏幕傳遞數據


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