css - React Native headerTitleStyle 不会居中
问题描述
我在 react-native 中的 stackNavigator 中遇到了一个小问题。标题标题默认样式似乎设置为 alignSelf: start,但是,我无法在我的应用程序中将其更改为居中。[![标题未居中][1]][1]
https://i.stack.imgur.com/1Ih7Q.png
这是我的路线部分的代码:
import * as React from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import {NavigationContainer} from '@react-navigation/native';
import Main from './pages/Main';
import User from './pages/User';
const Stack = createStackNavigator();
export default function Routes() {
return (
<NavigationContainer>
<Stack.Navigator
initialRouteName="Home"
screenOptions={{
headerStyle: {backgroundColor: '#7159c1'},
headerTintColor: '#fff',
headerTitleStyle: {
alignSelf: 'center',
alignItems: 'center',
color: '#fff',
},
}}>
<Stack.Screen name="Home" component={Main} />
<Stack.Screen
name="User"
component={User}
options={({route}) => ({title: route.params.user.name})}
/>
</Stack.Navigator>
</NavigationContainer>
);
}
解决方案
我不确切知道为什么您所做的不起作用,但尝试将 headerTitleAlign: 'center'
属性添加到screenOptions
(而不是headerTitleOptions
inside screenOptions
)
推荐阅读
- python - 为什么这个奇怪的“内容”属性没有与之关联的文件错误出现在 Django 中?
- javascript - 获取不同 TimeZone 的 Epoch 时间值
- python - 线程thread-2中的异常,TypeError:*后的clickc()参数必须是可迭代的,而不是布尔值
- c# - 如何在不从 MyProgam.exe.config 更改的情况下更改应用程序范围值(设置)?
- css - 当父div高度是动态时如何垂直拉伸子div以填充父div
- linux - 在 Linux 上查找包含所有给定字符串的文件
- awk - 如何使用 awk 从某行输出开始打印?
- command-line - 如何在一个脚本执行期间多次刷新教义连接?
- javascript - 如何在 Javascript 中选择文档正文
- javascript - 如何将 Javascript 对象转换为具有键和值数组的对象?