使用Navigator.pushReplacement后仍有返回按钮，如何实现无返回跳转？

你遇到的问题是Navigator.pushReplacement没达到彻底禁止返回的效果，原因可能有两个：一是目标页面Posts的AppBar自动生成了返回按钮，二是当前路由栈中还有更早的页面未被清除。以下是两种针对性的解决方案：

方案一：隐藏目标页面的返回按钮 #

如果Posts页面的AppBar是默认配置，它会自动根据导航栈状态生成返回按钮。你可以在Posts页面的AppBar中设置automaticallyImplyLeading: false，强制隐藏返回箭头：

class Posts extends StatelessWidget {
  const Posts({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Posts'),
        // 关键配置：禁止自动生成返回按钮
        automaticallyImplyLeading: false,
      ),
      // 页面其他内容
    );
  }
}

方案二：清空整个导航栈（彻底无法返回） #

如果需要连物理返回键也无法回到之前的页面，就需要清空导航栈中所有之前的路由。用Navigator.pushAndRemoveUntil替代pushReplacement，它会将新页面作为栈的第一个页面，移除所有旧路由：

if (state is PostCreationSuccessState) {
  Navigator.pushAndRemoveUntil(
    context,
    MaterialPageRoute(builder: (context) => const Posts()),
    // 条件返回false表示移除所有之前的路由
    (Route<dynamic> route) => false,
  );
}

为什么pushReplacement不生效？ #

pushReplacement只是替换当前路由，但如果导航栈中还有更早的页面（比如当前页面是从首页push过来的），那么导航栈的长度依然大于1，AppBar还是会显示返回按钮，物理返回键也能回到更早的页面。而pushAndRemoveUntil会彻底清空栈，确保新页面是唯一的路由。

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