如何在導航容器中將 header 的文本居中？

Question

我試圖將 header 的文本居中，但似乎無法實現它。 我正在關注這方面的教程，即使我一步一步地關注它，文本也沒有在中心對齊。 我希望它居中，因為我將使用 backHeaderTitle 使用 useLayoutEffect 返回到前一個屏幕。 我將不勝感激任何幫助，因為我已經被困了幾天。

\\

import "react-native-gesture-handler";
import React from "react"; 
import { StyleSheet, Text, View } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/
stack";
import LoginScreen from "./screens/LoginScreen";

const Stack = createStackNavigator();
const globalScreenOptions = {
  headerStyle: {backgroundColor: "#2C6BED"},
  headerTitleStyle: {color: "white"},
  headerTintColor: "white",
}
export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator screenOptions={globalScreenOptions}>
        <Stack.Screen  
        name="Login" 
        component={LoginScreen}
        
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

\\

Answer 1

嘗試將此添加到您的 globalScreenOptions

    headerTitleAlign: 'center'