在做 React Native 應(yīng)用的時(shí)候位隶,我們常常使用 react-navigation 做導(dǎo)航欄拷窜,發(fā)現(xiàn) Android 上的標(biāo)題不居中,IOS 上沒(méi)問(wèn)題涧黄。
1 如果只有標(biāo)題篮昧,那就在 headerTitleStyle 設(shè)置 alignSelf:'center' 就可以。
2 如果標(biāo)題欄左側(cè)還有返回按鈕笋妥,發(fā)現(xiàn)標(biāo)題偏右依然不居中懊昨,則簡(jiǎn)單的處理方式是:
在右邊再添加一個(gè)等寬高的空 View,如下:
headerRight: <View />
升級(jí)新版本之后發(fā)現(xiàn)這招不靈了春宣,可以在 headerTitleStyle 里設(shè)置 flex:1, textAlign: 'center' 來(lái)實(shí)現(xiàn)酵颁。