如何将react导航参数传播到共享同一导航器的多个屏幕

npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

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

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        {/* 在这里定义屏幕 */}
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

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

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Screen1"
          component={Screen1}
          initialParams={{ param1: 'value1' }}
        />
        <Stack.Screen
          name="Screen2"
          component={Screen2}
          initialParams={{ param2: 'value2' }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

function Screen1({ route }) {
  const { param1 } = route.params;

  // 使用param1进行操作

  return (
    // 屏幕1的内容
  );
}

function Screen2({ route }) {
  const { param2 } = route.params;

  // 使用param2进行操作

  return (
    // 屏幕2的内容
  );
}