createBottomTabNavigator和TopTabNavigator
參數列表createMaterialTopTabNavigator(routeConfig, tabNavigatorConfig)n詳細的參數ncreateMaterialTopTabNavigator({n scr
- 參數列表
createMaterialTopTabNavigator(routeConfig, tabNavigatorConfig)n詳細的參數ncreateMaterialTopTabNavigator({n screen,n path,n navigationOptions:{n title: 可以用作headerTitle和tabBarLabel備選的通用標題,n swipeEnabled: 是否允許tab之間的滑動切換,默認允許,n tabBarIcon: 設置Tabbar圖標,n tabBarLabel: 設置tab標簽,n tabBarOnPress: tab被點擊的回調函數,它的參數: navigation(頁面的navigation props), defaultHandler(tab press的默認handler),n tabBarAccessbilityLabel: 選項卡按鈕的輔助功能標簽,當用戶點擊標簽時,屏幕閱讀器會讀取這些信息,如果沒有選項卡標簽,建議設置此項,n tabBarTestID: 用于測試中找到該選項卡按鈕的IDn }n},{n tabBarComponent: 指定tabNavigator的TabBar組件,如果不指定,在IOS中默認使用TabBarBottom,在andiroid默認使用TabBarTop。n TabBarBottom和TabBarTop都是react-navigation所支持的組件,要自定義tabbar可以充血這兩個組件,也可以根據需要自己實現一個n tabBarPosition: 用于指定TabBar的顯示位置,支持top和bottomn swiperEnabled: 是否可以左右滑動切換tabn lazy: tab懶加載,默認值是flase所有tab頁面將被渲染,設為true,tab頁只會在被選中或滑動到該頁面時被渲染——性能優(yōu)化n optimizationsEnabled:是否將Tab頁面嵌入到ResourceSavingScene中,如果嵌入后,當該tab失去焦點,將被移除當前頁面,從而提高內存使用率——性能優(yōu)化n animationEnabled:切換頁面時是否有動畫效果n initiaLayout: 包含初始高度和寬度的可選對象可以被傳遞,防止react- native - tab - view呈現中的一個幀延遲n tabBarOptions: {n activeTintColor: 設置tabbar選中狀態(tài)下標簽和圖標的顏色n inactiveTintColor: 設置tabbar未選中狀態(tài)下標簽和圖標的顏色,n showIcon: 是否展示圖標,默認是false,n showLabel: 是否展示標簽,默認是true,n upperCaseLabel: 是否使標簽大寫,默認為true,n tabStyle: 設置單個tab的樣式,n indicatorStyle: 設置tabbar文字下面邊框的樣式n labelStyle: 設置tabbar標簽的樣式,n iconStyle: 設置tabbar圖標的樣式,n style: 設置整個tabbar的樣式,n allowFontScaling: 設置tabbar標簽是否支持縮放,默認支持,n pressColor: 按下時標簽的顏色(僅支持android >= 5.0),n pressOpacity: 按下式標簽的不透明度(支持IOS和android < 5.0),n scrollEnabled: 是否支持選項卡滾動n }n initialRouteName: 默認顯示的路由組件n order: 定義tab順序的routeNames數組n paths: 提供routeName到path config的映射,覆蓋routeConfig中設置的路徑n backBehavior: 后退按鈕是否會導致標簽切換到初始tab。如果是,則設切換到初始tab,否則什么也不做。默認為切換到初始tabn})n








