RN中的底部路由的設置入門? ?
具體參考了如下
react-native-tab-navigator組件的基本使用
1.底部按鈕需要安裝? ?react-native-tab-navigator? ?功能? ?tab-navigator 并沒有包含早react-native包中需要再次下載
cmd窗口中輸入? ? npm install??react-native-tab-navigator? --save
我的項目的目錄? ? 只是測試的，tabBar.js是注冊的組件? ?head.js跟App.js是導航切換的兩個頁面
RNdemo目錄
2.開始設置底部導航的路由
如圖所示我們首先需要引入? ? tabNavigator? 和? 導航的相關頁面? Head ,App
路由的參數設置
默認的頁面設置
每一個語句的含義
3.head.js和App.js? 中按照組件的定義寫就可以了。
App的頁面組件
5.最后的效果
引用了react-native-tab-navigator組件的基本使用? ?
