导航到NavigationContainer中的另一个堆栈组

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function ScreenA({ navigation }) {
  return (
    <Button
      title="Go to Screen B"
      onPress={() => navigation.navigate('ScreenB', { param1: 'Hello', param2: 'World' })}
    />
  );
}

function ScreenB({ route }) {
  const { param1, param2 } = route.params;

  return (
    <View>
      <Text>{param1}</Text>
      <Text>{param2}</Text>
    </View>
  );
}

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="ScreenA" component={ScreenA} />
        <Stack.Screen name="ScreenB" component={ScreenB} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}