React Navigation多屏幕模态框从二级页面关闭并返回原标签页方法求助

我来帮你解决这个问题！这种情况在嵌套导航栈里很常见——你的模态是一个包含Login和SelectItems的栈，所以在SelectItems页面用navigation.goBack()只会退回到Login页面，而不是关闭整个模态回到Tab页。下面给你几个简单有效的解决方案：

dismiss()方法会直接关闭当前的模态导航栈，不管栈里有多少个页面，直接回到触发模态的Tab页面。你可以在两个页面的关闭按钮里都用这个方法代替goBack()：

在Login页面：

import { Button } from 'react-native';

// 关闭按钮
<Button
  title="关闭"
  onPress={() => navigation.dismiss()}
/>

在SelectItems页面：

<Button
  title="关闭"
  onPress={() => navigation.dismiss()}
/>

这个方法的好处是不需要关心模态栈的层级，一键回到之前的Tab页，完全符合你的需求。

如果你需要更精确地指定回到某个Tab，或者重置整个导航栈，可以用navigation.reset()方法。假设你的Tab导航器的路由名称是MainTabs，可以这样写：

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

这个方法会重置整个导航栈，只保留MainTabs路由，直接回到Tab页面。它会自动保留用户打开模态前选中的Tab状态，不用额外配置。

因为Login是模态栈的第一个页面，当你调用goBack()时，栈里没有上一个页面可以返回，React Navigation会自动关闭整个模态。但SelectItems在Login之后，goBack()只会退回到Login页面，所以需要用dismiss()来直接关闭整个模态栈。

内容的提问来源于stack exchange，提问作者Alex Dunae