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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容