如何销毁StackNavigator指定历史页面并导航至Ad Screen

当前导航栈顺序为 Ad Screen → Profile Screen → Settings Screen → SocialSettings Screen，在SocialSettings Screen完成保存操作后，需要直接回到Ad Screen，同时从导航历史中移除后三个页面，确保用户无法通过返回键回到这些页面。以下是主流跨平台/原生框架的实现方案：

React Navigation（React Native） #

方案1：重置导航栈 #

直接替换整个导航栈，仅保留Ad Screen：

// SocialSettings Screen 中保存按钮的点击逻辑
navigation.reset({
  index: 0,
  routes: [{ name: 'Ad Screen' }],
});

方案2：回到栈根页面（Ad为根页面时） #

如果Ad Screen是导航栈的根页面，用popToTop更简洁：

navigation.popToTop();

Flutter #

方案1：替换路由栈 #

通过pushAndRemoveUntil直接将路由栈替换为仅包含Ad Screen：

// SocialSettings Screen 中保存按钮的点击逻辑
Navigator.pushAndRemoveUntil(
  context,
  MaterialPageRoute(builder: (context) => AdScreen()),
  (Route<dynamic> route) => false,
);

第三个参数(route) => false表示移除所有之前的路由。

方案2：回到指定路由（已注册路由名称时） #

若Ad Screen在路由表中有注册名称，用popUntil精准回退：

// SocialSettings Screen 中保存按钮的点击逻辑
Navigator.popUntil(context, ModalRoute.withName('/ad-screen'));

该方法会持续弹出页面，直到找到目标路由，自动清除中间页面。

Android 原生（Kotlin） #

通过Intent标记清除目标页面之上的所有Activity：

// SocialSettingsActivity 中保存按钮的点击逻辑
val intent = Intent(this, AdActivity::class.java)
// 清除AdActivity之上的所有Activity，复用已有实例
intent.flags = Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_SINGLE_TOP
startActivity(intent)
finish() // 关闭当前页面

内容的提问来源于stack exchange，提问作者ion mocan