如何在react native中拥有多个独立的交换机？

npm install @react-navigation/native

// Switch1.js
import { createStackNavigator } from '@react-navigation/stack';
import Screen1 from './Screen1';
import Screen2 from './Screen2';

const Stack = createStackNavigator();

const Switch1 = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Screen1" component={Screen1} />
      <Stack.Screen name="Screen2" component={Screen2} />
    </Stack.Navigator>
  );
};

export default Switch1;

// Switch2.js
import { createStackNavigator } from '@react-navigation/stack';
import Screen3 from './Screen3';
import Screen4 from './Screen4';

const Stack = createStackNavigator();

const Switch2 = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Screen3" component={Screen3} />
      <Stack.Screen name="Screen4" component={Screen4} />
    </Stack.Navigator>
  );
};

export default Switch2;

// App.js
import { NavigationContainer } from '@react-navigation/native';
import Switch1 from './Switch1';
import Switch2 from './Switch2';

const App = () => {
  return (
    <NavigationContainer>
      <Switch1 />
      <Switch2 />
    </NavigationContainer>
  );
};

export default App;