ReactNative中导航栏相关属性设置
ReactNative中在对应页面中通过设置navigationOptions来设置,常用属性设置如下:title标题,如果设置了这个导航栏和标签栏的title就会变成一样的,不推荐使用header可以设置一些导航的属性,如果隐藏顶部导航栏只要将这个属性设置为nullheaderTitle设置导航栏标题,推荐headerBackTitle设置跳转页面左侧返回箭头后面的文字,默认是...
·
ReactNative中在对应页面中通过设置navigationOptions来设置,常用属性设置如下:
- title
标题,如果设置了这个导航栏和标签栏的title就会变成一样的,不推荐使用 - header
可以设置一些导航的属性,如果隐藏顶部导航栏只要将这个属性设置为null - headerTransparent
是否为沉浸式导航栏 - headerTitle
设置导航栏标题,推荐 - headerBackTitle
设置跳转页面左侧返回箭头后面的文字,默认是上一个页面的标题。可以自定义,也可以设置为null - headerTruncatedBackTitle
headerTruncatedBackTitle:设置当上个页面标题不符合返回箭头后的文字时,默认改成"返回" - headerRight
headerRight:设置导航条右侧。可以是按钮或者其他视图控件 - headerLeft
headerLeft:设置导航条左侧。可以是按钮或者其他视图控件 - headerStyle
设置导航条的样式。背景色,宽高,底部线条等,如:
headerStyle: {
borderBottomWidth: 0, //0隐藏导航栏底部线
backgroundColor: '#FFAA02', //导航栏背景色
}
- headerTitleStyle
设置导航栏文字样式 - headerBackTitleStyle
设置导航栏‘返回’文字样式 - headerTintColor
设置导航栏颜色 - headerPressColorAndroid
安卓独有的设置颜色纹理,需要安卓版本大于5.0 - gesturesEnabled
是否支持滑动返回手势,iOS默认支持,安卓默认关闭
更多推荐
所有评论(0)