如何在导航组件中传递道具？React Native

// 导航组件
import { createStackNavigator } from '@react-navigation/stack';
import ScreenComponent from './ScreenComponent';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Screen"
          component={ScreenComponent}
          initialParams={{ prop1: 'value1', prop2: 'value2' }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

// 屏幕组件
import React from 'react';
import { View, Text } from 'react-native';

function ScreenComponent({ route }) {
  const { prop1, prop2 } = route.params;

  return (
    <View>
      <Text>{prop1}</Text>
      <Text>{prop2}</Text>
    </View>
  );
}

export default ScreenComponent;