使用React Navigation5，我如何使导航到一个抽屉项重置该堆栈的状态？

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

const Drawer = createDrawerNavigator();

function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        {/* 在这里添加你的抽屉项 */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

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

function DrawerItem() {
  const navigation = useNavigation();

  // 在这里使用navigation.navigate导航到其他屏幕，并重置堆栈状态
  const handleNavigate = () => {
    navigation.reset({
      index: 0,
      routes: [{ name: 'ScreenName' }],
    });
  };

  return (
    <TouchableOpacity onPress={handleNavigate}>
      <Text>导航到ScreenName并重置堆栈状态</Text>
    </TouchableOpacity>
  );
}