zoukankan      html  css  js  c++  java
  • 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
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    面向过程
    生成器
    迭代器
    装饰器
    函数及嵌套
    字符编码与文件操作
    linux_ssh
    LNMP
    BZOJ 3238: [Ahoi2013]差异
    BZOJ 3998: [TJOI2015]弦论
  • 原文地址:https://www.cnblogs.com/syscn/p/9299479.html
Copyright © 2011-2022 走看看