ReactNative中在对应页面中通过设置navigationOptions来设置,常用属性设置如下:

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

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐