android – 更改Navigator.NavigationBar的默认样式(标题)

我使用以下语法在react-native应用程序中创建了一个导航栏
<Navigator
  renderScene={this.renderScene.bind(this)}
  navigator={this.props.navigator}
  navigationBar={
    <Navigator.NavigationBar 
      style={styles.navbar}  
      routeMapper={NavigationBarRouteMapper} />
      } />

默认情况下,导航栏有一个布局,其中LeftButton与条形图的左侧对齐,而RightButton与条形图的右侧对齐.但标题与其容器弹性框的左侧对齐.哪个是LeftButton的旁边.

我想要实现的非常简单我只想让标题居中在导航栏的两个按钮之间.

我的头衔只是一个<文本和GT;这样的组件

<Text style={styles.navbarTitleText}>
 Welcome
</Text>

我以为我可以使用以下样式实现此目的

alignSelf: 'center'

这几乎可以工作,但很明显,Title的容器flexBox在LeftButton的右边缘开始,并在屏幕边缘的导航栏的末尾结束,所以它在这两个点之间居中.这不是屏幕/导航栏的中心.

我只想要一个中心标题,任何人都可以帮忙吗?

解决方法

我认为在Android上发生了这个问题.我有同样的问题,标题放在左边.对我有用的是以下内容
<NavigationBar
        routeMapper={NavigationBarRouteMapper}
        style = {styles.navigationBar}
        navigationStyles={Navigator.NavigationBar.StylesIOS}
/>

StylesIOS使导航栏类似于iOS外观,标题居中.

相关文章

以下为个人理解,如错请评 CE: 凭据加密 (CE) 存储空间, 实际路径/data/user_ce/ DE: 设备加密 (DE) 存...
转载来源:https://blog.csdn.net/yfbdxz/article/details/114702144 用EventLog.writeEvent打的日志(或...
事件分发机制详解 一、基础知识介绍 1、经常用的事件有:MotionEvent.ACTION_DOWN,MotionEvent.ACTION...
又是好久没有写博客了,一直都比较忙,最近终于有时间沉淀和整理一下最近学到和解决的一些问题。 最近进...
Android性能优化——之控件的优化 前面讲了图像的优化,接下来分享一下控件的性能优化,这里主要是面向...
android的开源库是用来在android上显示gif图片的。我在网上查了一下,大家说这个框架写的不错,加载大的...