react-native - 我们如何将 react-navigation 标题的标题居中？

Question

React-navigation 文档还很年轻，阅读这些问题对我来说并不是很有效(每个版本都有变化)是否有人有使用 react-navigation 在 Android 中居中标题的工作方法|在 React Native 中？

Answer 1

使用 headerTitleStyle :

static navigationOptions = {
    headerTitleStyle: { alignSelf: 'center' },
    title: 'Center Title',
}

2019/03/12 修改:

2018 年，在 react-navigation v2 发布后(2018 年 4 月 7 日)，出于某种原因 alignSelf不再工作了。这是新的工作方式，使用 headerLayoutPreset .来自@HasanSH:

const HomeActivity_StackNavigator = createStackNavigator({
    Home: {screen: Main},
}, {headerLayoutPreset: 'center'});