如何使用react导航重置到不同堆栈中的屏幕？

npm install @react-navigation/native

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
import SettingsScreen from './screens/SettingsScreen';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Profile" component={ProfileScreen} />
        <Stack.Screen name="Settings" component={SettingsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

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

function HomeScreen({ navigation }) {
  const handleResetNavigation = () => {
    navigation.reset({
      index: 0,
      routes: [{ name: 'Settings' }],
    });
  };

  return (
    <>
      {/* 其他组件内容 */}
      <Button title="重置导航到Settings" onPress={handleResetNavigation} />
    </>
  );
}

export default HomeScreen;