Flutter：从AlertDialog调用pushReplacementNamed未替换路由反而堆叠

问题根源 #

你遇到的问题是因为showDialog会在当前路由（Screen1）之上新增一个临时路由来承载对话框。此时你在对话框按钮里使用的context属于这个对话框路由，调用pushReplacementNamed只会替换掉对话框这个临时路由，而不是下面的Screen1路由，最终导致Home页面被堆叠在Screen1之上，而非替换它。

两种解决方案 #

方案一：使用根导航器操作路由栈

直接获取根导航器，绕过对话框的上下文，直接操作最顶层的路由栈：
修改screen1文件中对话框的"Yes"按钮代码：

ElevatedButton(
  child: const Text('Yes'),
  onPressed: (){
    // 获取根导航器，rootNavigator设为true
    Navigator.of(context, rootNavigator: true).pushReplacementNamed('/home');
  },
),

方案二：先关闭对话框再替换路由

先关闭对话框，此时上下文就回到了Screen1的路由，再执行替换操作：
修改screen1文件中对话框的"Yes"按钮代码：

ElevatedButton(
  child: const Text('Yes'),
  onPressed: (){
    Navigator.pop(context); // 先关闭对话框
    Navigator.pushReplacementNamed(context, '/home'); // 替换Screen1为Home
  },
),

验证效果 #

两种方法都能实现点击"Yes"后，Screen1被Home页面完全替换，返回栈中不会残留Screen1，符合你的预期。

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