React Native headerTitleStyle не имеет центра

Question

Я столкнулся с небольшой проблемой, связанной с заголовком, включенным в 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>
  );
}

Answer 1

Я не знаю точно, почему то, что вы сделали, не работает, но попробуйте добавить свойство headerTitleAlign: 'center' к screenOptions (не к headerTitleOptions внутри screenOptions)