ReactNative如何在自定义抽屉导航中传递参数

import React from 'react';
import { View, Text } from 'react-native';

const CustomDrawer = ({ navigation, route }) => {
  const { param1, param2 } = route.params;

  return (
    <View>
      <Text>Param 1: {param1}</Text>
      <Text>Param 2: {param2}</Text>
    </View>
  );
};

export default CustomDrawer;

import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import CustomDrawer from './CustomDrawer';

const Drawer = createDrawerNavigator();

const MainNavigator = () => {
  return (
    <Drawer.Navigator>
      <Drawer.Screen
        name="CustomDrawer"
        component={CustomDrawer}
        initialParams={{ param1: 'Value 1', param2: 'Value 2' }}
      />
    </Drawer.Navigator>
  );
};

export default MainNavigator;

import React from 'react';
import { Button } from 'react-native';

const HomeScreen = ({ navigation }) => {
  const onPress = () => {
    navigation.navigate('CustomDrawer', { param1: 'New Value 1', param2: 'New Value 2' });
  };

  return (
    <Button title="Open Drawer" onPress={onPress} />
  );
};

export default HomeScreen;