问题描述
Navigation作导航时，使用
static navigationOptions = ({navigation}) => ({
//...
headerTitleStyle: {
alignSelf: 'center'
},
});
可以使iOS的title在任何条件下居中显示
但是在Android上就有点差异
-
无headerLeft和headerRight时
title居中无问题
-
同时存在headerLeft和headerRight时
title居中无问题
-
只有headerLeft或headerRight时
这时，标题会偏向一边
以上headerLeft包括系统添加的返回箭头
解决方案
为headerLeft或headerRight添加一个空视图
static navigationOptions = ({navigation}) => ({
//...
headerTitleStyle: {
alignSelf: 'center'
},
//添加空视图占位
headerRight:<View/>,
});