Flutter中GoRouter实现pushAndRemoveUntil效果的替代方案

当前导航栈为：HomeScreen->CartScreen->OrderScreen->AddressScreen->ConfirmationScreen

需要在ConfirmationScreen页面跳转至命名路由OrderSuccessScreen，同时移除OrderSuccessScreen之前的所有路由，最终实现返回时直接回到HomeScreen（即最终导航栈为HomeScreen->OrderSuccessScreen）。

原使用Navigator的实现代码：

Navigator.pushAndRemoveUntil<void>(
    context,
    MaterialPageRoute<void>(builder: (BuildContext context) => const OrderSuccessScreen()),
    ModalRoute.withName('/home'),
);

此前查询过相关问题但未找到明确解决方案：

• [go_router] .pushReplacement() 和 pushAndRemoveUntil() 的等效方法
• [go_router] 添加 pushAndRemoveUntil() 的等效方法
• GoRouter包中 pushAndRemoveUntil 的替代方案是什么？

解决方案 #

GoRouter没有直接对应pushAndRemoveUntil的API，但可以通过组合现有方法实现相同效果，以下是两种可行方式：

方式一：先跳转再清理栈 #

先跳转到OrderSuccessScreen，再移除中间路由直到HomeScreen：

// 跳转到OrderSuccessScreen
context.pushNamed('orderSuccess');
// 移除HomeScreen之后、OrderSuccessScreen之前的所有路由
context.popUntil((route) => route.settings.name == 'home');

方式二：替换当前路由后清理栈 #

先将当前的ConfirmationScreen替换为OrderSuccessScreen，再清理中间路由：

// 用OrderSuccessScreen替换当前的ConfirmationScreen
context.replaceNamed('orderSuccess');
// 移除HomeScreen之后的所有中间路由
context.popUntil((route) => route.settings.name == 'home');

补充说明 #

• 上述代码中的'orderSuccess'和'home'需与你GoRouter配置中的路由名称一致；
• 两种方式最终都会将导航栈调整为HomeScreen->OrderSuccessScreen，满足返回时直接回到Home的需求；
• 如果需要更直接的栈控制，也可以通过GoRouter的routerDelegate直接构建新路由栈，但上述方法更简洁通用。

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