如何同时使用stacknavigator和tabnavigator？

npm install react-navigation react-navigation-stack react-navigation-tabs

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';

// 导入需要使用的屏幕组件
import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
import SettingsScreen from './screens/SettingsScreen';

// 创建StackNavigator
const StackNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Profile: ProfileScreen,
  },
  {
    initialRouteName: 'Home',
  }
);

// 创建TabNavigator
const TabNavigator = createBottomTabNavigator(
  {
    Home: StackNavigator,
    Settings: SettingsScreen,
  },
  {
    initialRouteName: 'Home',
  }
);

// 创建AppContainer
const AppNavigator = createAppContainer(TabNavigator);

export default AppNavigator;

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

export default function App() {
  return <AppNavigator />;
}