如何在React Native中水平居中TopTabNavigator？

import React from 'react';
import { View, StyleSheet } from 'react-native';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

const Tab = createMaterialTopTabNavigator();

const App = () => {
  return (
    <View style={styles.container}>
      <Tab.Navigator
        tabBarOptions={{
          tabStyle: { width: 120 }, // 设置每个Tab的宽度
          scrollEnabled: true, // 允许Tab滚动
          indicatorStyle: { backgroundColor: 'blue' }, // 设置选中指示器的颜色
          style: { backgroundColor: 'white' }, // 设置TabBar的背景色
          contentContainerStyle: { alignItems: 'center' }, // 设置Tab内容居中
        }}
      >
        {/* 添加TabScreen */}
        <Tab.Screen name="Tab1" component={Tab1Screen} />
        <Tab.Screen name="Tab2" component={Tab2Screen} />
        <Tab.Screen name="Tab3" component={Tab3Screen} />
      </Tab.Navigator>
    </View>
  );
};

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

const Tab1Screen = () => {
  return (
    <View style={styles.tabScreen}>
      {/* Tab1的内容 */}
    </View>
  );
};

const Tab2Screen = () => {
  return (
    <View style={styles.tabScreen}>
      {/* Tab2的内容 */}
    </View>
  );
};

const Tab3Screen = () => {
  return (
    <View style={styles.tabScreen}>
      {/* Tab3的内容 */}
    </View>
  );
};

const styles = StyleSheet.create({
  tabScreen: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});