react-navigation组件标签

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:图标样式。

你可能感兴趣的:(react-navigation组件标签)