react-navigation的组件:
1.stacknavigator:屏幕上方的导航栏。
2.tabnavigator:屏幕下方的标签栏。
navigationOptions: (配置stacknavigator属性)
title: 标题,会同时设置导航栏和标签栏的title。
headerTitle:导航栏标题。
headerLeft:导航条左侧。
headerRight:导航条右侧。
headerStyle:导航条样式。
headerTitleStyle:导航条文字样式。
headerTintColir:导航条颜色。
navigationOptions: (配置tabnavigator属性)
title: 标题,会同时设置导航栏和标签栏的title。
tabBarLabel: 标签栏标题。
tabBarVisible: 是否隐藏标签栏。
tabBarIcon: 标签栏的图标。
tabBarPosition:设置tabbar的位置。
swipeEnabled:是否允许在标签之间进行滑动。
animationEnabled:是否在更改标签是显示动画。
trueinitialRouteName:设置默认的页面组件。
activeTintolor: label和icon的前景色。(活跃状态下)
activeBackgroundColor: label和icon的背景色。(活跃状态下)
inactiveTintolor: label和icon的前景色。(不活跃状态下)
inactiveBackgroundColor: label和icon的背景色。(不活跃状态下)
showIcon:是否显示图标。
showLabel:是否显示label。
labelStyle:label的样式。
iconStyle:图标样式。
网友评论