React-navigation do navigation bar, find the title on Android is not centered

When doing React Native application, we often use react-navigation to do navigation bar, found that the title on Android is not centered, no problem on IOS.

1 if only the title, then the Headertitlestyle set alignself: ' Center ' will be.
2 If there is a return button on the left side of the title bar and the title is still not centered on the right, the simple way to do this is:
Add an empty View of equal width and height to the right, as follows:

headerRight: <View />

After upgrading the new version found that this trick, you can set flex:1 in Headertitlestyle, textAlign: ' Center ' to achieve.

wwpeng520
Links: https://www.jianshu.com/p/0f55925206f7
Source: Pinterest
The copyright of the book is owned by the author, and any form of reprint should be contacted by the author for authorization and attribution.

React-navigation do navigation bar, find the title on Android is not centered