如何在Flutter中使用Go Router清除页面返回栈至首页？

方法一：使用GoRouter内置的popUntil方法 #

GoRouter本身提供了和Navigator.popUntil功能一致的popUntil方法，无需手动循环弹出，能避免多次过渡动画导致的卡顿：

// 回到首页路由（假设首页路由名为'/'）
GoRouter.of(context).popUntil((route) => route.name == '/');

如果你的首页路由有其他命名，替换成对应的名称即可。这个方法会一次性弹出栈中所有位于首页之上的路由，只保留首页及以下的栈结构，只会触发一次回到首页的过渡动画，不会出现卡顿。

方法二：直接使用go方法（适合首页不在栈中的场景） #

如果当前栈中没有首页路由，或者你希望直接将整个导航栈替换为首页，可以使用go方法：

GoRouter.of(context).go('/');

这个方法会导航到首页，并清空当前导航栈中所有之前的路由，直接将首页设为栈底路由。

为什么手动循环弹出会卡顿 #

手动循环调用pop()时，每一次pop都会触发单独的页面退出动画，多次动画叠加就会产生视觉上的卡顿感。而popUntil是GoRouter内部优化过的方法，会批量处理栈的弹出操作，只执行一次回到目标路由的动画，体验更流畅。

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