React导航文档还很年轻，通读这些问题对我来说不太管用(每个版本都有变化).有人能用React Native中的react-navigation在Android中集中标题吗？
推荐答案
警告:react-navigation 更改很多，标题对齐的方式，从我的第一个答案开始已经更改了2-3次.
如果我的答案不适用于你，请查看其他答案.
2021年8月31日修改:
2020年，headerLayoutPreset也被弃用.新方法是通过defaultNavigationOptions:(@ThatFrenchComputerGuy的回答帮助了我)
const AppNavigator = createStackNavigator({
Home: { screen: HomeScreen },
},
{
defaultNavigationOptions: {
title: 'Aligned Center',
headerTitleAlign: 'center'
}
});
2012年3月3日修改:
2018年，在react navigation v2发布(2018年4月7日)后，由于某种原因alignSelf不再工作.这里是新的工作方式，使用headerLayoutPreset.来自@HasanSH:
const HomeActivity_StackNavigator = createStackNavigator({
Home: {screen: Main},
}, {headerLayoutPreset: 'center'});
原始答案2017/07/11:
static navigationOptions = {
headerTitleStyle: { alignSelf: 'center' },
title: 'Center Title',
}
React-native相关问答推荐
AWS Amplify处理后端错误
如何在Reaction本地日历中 Select 年份？
react 在顶部选项卡导航中传递本机数据
如何从 onCacheEntryAdded 生命周期回调向 RTK 查询 useQuery() 挂钩抛出错误
元素类型无效：应为字符串
到达安装依赖项时 EAS 构建错误
React onPress 立即执行(渲染时间)，但是一旦用箭头函数替换它就不起作用
React Native - 动画宽度缩小
redux-observable 您在预期流的地方提供了 undefined
如何为 Picker 提供默认的Please select...选项？
用hooks钩子react context上下文防止重新渲染
这个 refs 在方法中变得未定义
如何从 stack.navigation 外部的组件中使用 navigation.navigate
如何将 View 定位在 ScrollView 的底部？
使用 React Navigation 制作离开屏幕的动画
如何在我的 React Native Android 应用程序中显示当前的 CodePush 版本标签？
大型列表的 React-Native FlatList 性能问题
react-native如何禁用android开发模式
react-native：0.41 app.json
如何在react-native中验证 TextInput 值？
实用课程推荐