如何在react native中添加新选项卡到选项卡栏？

npm install @react-navigation/native

import React from 'react';
import { View, Text } from 'react-native';

const NewTabScreen = () => {
  return (
    <View>
      <Text>New Tab Content</Text>
    </View>
  );
};

export default NewTabScreen;

import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import NewTabScreen from './NewTabScreen';

const Tab = createBottomTabNavigator();

const MainTabNavigator = () => {
  return (
    <Tab.Navigator>
      {/* 其他选项卡 */}
      {/* ... */}
      
      <Tab.Screen name="NewTab" component={NewTabScreen} />
    </Tab.Navigator>
  );
};

export default MainTabNavigator;

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import MainTabNavigator from './MainTabNavigator';

const AppNavigator = () => {
  return (
    <NavigationContainer>
      <MainTabNavigator />
    </NavigationContainer>
  );
};

export default AppNavigator;

import React from 'react';
import AppNavigator from './AppNavigator';

const App = () => {
  return (
    <AppNavigator />
  );
};

export default App;