react-navigation 做导航栏,发现 Android 上的标题不居中

Posted 冬天不眠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-navigation 做导航栏,发现 Android 上的标题不居中相关的知识,希望对你有一定的参考价值。

在做 React Native 应用的时候,我们常常使用 react-navigation 做导航栏,发现 android 上的标题不居中,ios 上没问题。

1 如果只有标题,那就在 headerTitleStyle 设置 alignSelf:‘center‘ 就可以。
2 如果标题栏左侧还有返回按钮,发现标题偏右依然不居中,则简单的处理方式是:
在右边再添加一个等宽高的空 View,如下:

headerRight: <View />

升级新版本之后发现这招不灵了,可以在 headerTitleStyle 里设置 flex:1, textAlign: ‘center‘ 来实现。

 


作者:wwpeng520
链接:https://www.jianshu.com/p/0f55925206f7
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。







以上是关于react-navigation 做导航栏,发现 Android 上的标题不居中的主要内容,如果未能解决你的问题,请参考以下文章

react-navigation 4.x navigationOptions 设置导航栏透明

React Native导航器之react-navigation使用

无法将图像添加到标签栏项目反应导航

ReactNative进阶:导航组件react-navigation

如何使用 react-navigation 推送新场景?

react-navigation