React Native中如何关闭父级导航器（CheckoutLayout）？

你的导航结构是嵌套栈形式：AuthorizedStack（根栈）以fullScreenModal加载CheckoutLayout，CheckoutLayout内部又包含CheckoutStack（含Checkout和PaymentSuccess两个页面，其中PaymentSuccess也是模态页）。之前用的StackActions.pop(2)和popToTop()仅作用于当前的CheckoutStack，无法关闭外层的CheckoutLayout。

以下是可行的解决方案：

• 方法1：关闭所有模态窗口
  由于CheckoutLayout和PaymentSuccessScreen都是模态窗口，调用dismissAllModals()可以一次性关闭所有打开的模态页面，直接回到AuthorizedStack的原页面：

  navigation.dismissAllModals();
  

• 方法2：通过父导航关闭外层模态
  获取AuthorizedStack的导航实例，直接关闭CheckoutLayout这个外层模态页（它内部的子页面会被自动关闭）：

  const parentNav = navigation.getParent();
  parentNav.pop();
  

• 方法3：直接导航回根栈目标页面
  若你明确知道AuthorizedStack中需要返回的页面名称，直接调用navigate会自动关闭所有中间的嵌套模态栈：

  navigation.navigate('目标页面名称'); // 替换为AuthorizedStack中已定义的页面名称
  

内容的提问来源于stack exchange，提问作者David Henry