在 React Native 中,可以使用'navigation.reset()'方法来重置导航堆栈中的页面,并且可以指定要重置的页面。这可以通过将新的导航堆栈替换为要保留的页面来实现。

以下是一个示例,演示如何重置导航堆栈中的页面:

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

// 在需要重置页面的组件中
const resetToHome = StackActions.reset({
  index: 0,
  routes: [{ name: 'Home' }], // 替换为要重置的页面
});

// 在返回页面的按钮点击事件中
navigation.dispatch(resetToHome);

在上面的示例中,我们使用'StackActions.reset()'方法来创建一个重置导航堆栈的操作。'index'属性指定要返回到的页面的索引,'routes'属性指定要保留的页面的数组。在这个例子中,我们只保留了一个名为'Home'的页面。

然后,我们使用'navigation.dispatch()'方法将重置操作分派给导航器,以便重置导航堆栈并返回到指定的页面。

请注意,这将重置导航堆栈中的页面,并且在返回到指定页面后,之前的页面的状态将被重置。


原文地址: https://www.cveoy.top/t/topic/fON6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录