react-navigation组件标签

react-navigation组件:

1.stacknavigator:屏幕上方的导航栏。

2.tabnavigator:屏幕下方的标签栏。

stacknavigator和tabnavigator可以相互嵌套。

navigate函数根据名字跳转,还可以有第二个参数用于页面之间传递参数。

navigationOptions: (配置stacknavigator属性)

title: 标题,会同时设置导航栏和标签栏的title。

headerTitle:导航栏标题。

headerLeft:导航条左侧。

headerRight:导航条右侧。

headerStyle:导航条样式。

headerTitleStyle:导航条文字样式。

headerTintColir:导航条颜色。

scree: 对应界面名称。

path: 路由设置路径。

initialRouteName:设置默认页面组件。

initialRouteParams:初始路由参数。

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

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容