码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-07-12 16:27:01      阅读:605      评论:0      收藏:0      [点我收藏+]

标签:https   导航栏   port   tle   版本   center   enter   标题   方式   

在做 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 上的标题不居中

标签:https   导航栏   port   tle   版本   center   enter   标题   方式   

原文地址:https://www.cnblogs.com/syscn/p/9299479.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!