美文网首页情缘未了vue
react-navigation组件标签

react-navigation组件标签

作者: 菇凉大大 | 来源:发表于2017-12-23 00:20 被阅读6次

    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组件标签

        本文链接:https://www.haomeiwen.com/subject/xolfgxtx.html