React Native，在tab导航器中按tab时，如何将参数传递给屏幕？

npm install @react-navigation/native

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

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

import { TouchableOpacity, Text } from 'react-native';

function HomeScreen({ navigation }) {
  return (
    <TouchableOpacity onPress={() => navigation.navigate('Details', { param: 'Hello World' })}>
      <Text>Go to Details</Text>
    </TouchableOpacity>
  );
}

function DetailsScreen({ route }) {
  const { param } = route.params;

  return (
    <Text>{param}</Text>
  );
}