我使用以下语法在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的右边缘开始,并在屏幕边缘的导航栏的末尾结束,所以它在这两个点之间居中.这不是屏幕/导航栏的中心.
我只想要一个中心标题,任何人都可以帮忙吗?