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页只会在被选中或滑动到该页面时被渲染——性能优化n optimizationsEnabled:是否将Tab页面嵌入到ResourceSavingScene中,如果嵌入后,当该tab失去焦点,将被移除当前页面,从而提高内存使用率——性能优化n animationEnabled:切换页面时是否有动画效果n initiaLayout: 包含初始高度和宽度的可选对象可以被传递,防止react- native - tab - view呈现中的一个帧延迟n tabBarOptions: {n activeTintColor: 设置tabbar选中状态下标签和图标的颜色n inactiveTintColor: 设置tabbar未选中状态下标签和图标的颜色,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