如何使用React navigation 5.X在底部选项卡导航器中使用堆栈导航

npm install @react-navigation/native

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

const Stack = createStackNavigator();
const Tab = createBottomTabNavigator();

const HomeScreen = () => (
  // 屏幕内容
);

const DetailsScreen = () => (
  // 屏幕内容
);

const Tab1Screen = () => (
  // 屏幕内容
);

const Tab2Screen = () => (
  // 屏幕内容
);

const StackNavigator = () => (
  <Stack.Navigator>
    <Stack.Screen name="Home" component={HomeScreen} />
    <Stack.Screen name="Details" component={DetailsScreen} />
  </Stack.Navigator>
);

const TabNavigator = () => (
  <Tab.Navigator>
    <Tab.Screen name="Tab1" component={Tab1Screen} />
    <Tab.Screen name="Tab2" component={Tab2Screen} />
  </Tab.Navigator>
);

const Navigation = () => (
  <NavigationContainer>
    <TabNavigator />
  </NavigationContainer>
);

export default Navigation;