javascript - React native 清除 Stack Navigator 堆栈

Question

我有几个屏幕可以一一浏览。屏幕1->屏幕2-屏幕3->屏幕4-首页

我想要的是当我回家时，应该清除以前的导航历史记录，并且后退按钮不应该转到最后一个导航屏幕，即屏幕 4。目前，当我在主屏幕上按下后退按钮时，它会带我回到堆栈中的最后一条路线是 screen4。我使用了下面的代码。它给了我错误，没有定义路由或关键主页。我已经在 Screens 类中定义了它。任何帮助，将不胜感激。

const resetAction = NavigationActions.reset({
  index: 0,                       
  actions: [NavigationActions.navigate({ routeName: 'Home' })],
});

onPress={() =>  this.props.navigation.dispatch(resetAction)}

Answer 1

在 V5 中，您可以使用

this.props.navigation.reset({
              index: 0,
              routes: [{name: 'Home'}],
            });

使用钩子(Hook)

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

const navigation = useNavigation();

navigation.reset({
        index: 0,
        routes: [{name: 'Events'}],
      });