ReactNative 使用react-navigation Android 标题栏标题居中适配

原因

在使用react-navigation设置标题栏的标题过程中发现，在iphone上标题栏的标题为居中状态，而在Android上则是居左对齐。当有headerLeft或者headerRight设置后，中间的标题会根据剩余的空间居中显示。所以需要我们修改源码，进行适配。

修改源码

  1. 【node_modules -- react-navigation -- src -- views -- Header.js】的326行代码处，修改为如下：
 title: {  
   bottom: 0,  
   left: TITLE_OFFSET,  
   right: TITLE_OFFSET,  
   top: 0,  
   position: 'absolute',  
   alignItems: 'center',
  1. 注释掉170行的内容
// if (Platform.OS === 'android') {
    //   if (!options.hasLeftComponent) {
    //     style.left = 0;
    //   }
    //   if (!options.hasRightComponent) {
    //     style.right = 0;
    //   }
    // } }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容