如何使用react原生导航v2多次打开具有不同内容的同一屏幕？

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

const Stack = createStackNavigator();

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        {/* 其他路由配置 */}
        <Stack.Screen name="DynamicScreen" component={ScreenComponent} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;

import React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';

const HomeScreen = () => {
  const navigation = useNavigation();

  const openDynamicScreen = (content) => {
    navigation.navigate('DynamicScreen', { content });
  };

  return (
    <>
      <Button title="Open Screen 1" onPress={() => openDynamicScreen('Content 1')} />
      <Button title="Open Screen 2" onPress={() => openDynamicScreen('Content 2')} />
    </>
  );
};

export default HomeScreen;

import React from 'react';
import { View, Text } from 'react-native';
import { useRoute } from '@react-navigation/native';

const ScreenComponent = () => {
  const route = useRoute();
  const { content } = route.params;

  return (
    <View>
      <Text>{content}</Text>
    </View>
  );
};

export default ScreenComponent;