如何在tab导航器react中嵌套包装堆栈导航器的组件

npm install @react-navigation/native

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function StackNavigator() {
  return (
    <Stack.Navigator>
      {/* 在这里定义堆栈导航器的屏幕 */}
    </Stack.Navigator>
  );
}

const Tab = createBottomTabNavigator();

function TabNavigator() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={StackNavigator} />
      {/* 在这里定义其他tab导航器的屏幕 */}
    </Tab.Navigator>
  );
}

function Navigation() {
  return (
    <NavigationContainer>
      <TabNavigator />
    </NavigationContainer>
  );
}

export default Navigation;

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

function App() {
  return (
    <Navigation />
  );
}

export default App;