Flutter按钮导航需求：返回首页而非上一级页面

嗨，我来帮你搞定这个导航的问题！你当前的代码写法是有问题的——Navigator.pop(context, MaterialPageRoute(...)) 里的第二个参数是用来传递数据给上一个页面的，不是用来指定跳转目标的，所以这样写根本没法实现直接回到首页的效果。

下面给你两种最常用的正确方案，根据你的需求选就行：

方案1：回到栈中已存在的首页（推荐，保留原首页状态） #

如果你的首页是导航栈的第一个页面（也就是app启动时的初始页面），可以用 popUntil 方法直接回到栈底的首页：

方式A：使用路由名称（需要提前配置命名路由） #

如果你的 MaterialApp 已经配置了命名路由，比如：

MaterialApp(
  initialRoute: '/',
  routes: {
    '/': (context) => MyHomePage(),
    // 其他页面路由配置...
  },
)

那按钮的点击事件可以这么写：

onPressed: () {
  Navigator.popUntil(context, ModalRoute.withName('/'));
}

方式B：无需命名路由，直接回到栈的第一个页面 #

如果没配置命名路由，用这个更通用的写法，不管有没有路由名称都能回到首页：

onPressed: () {
  Navigator.popUntil(context, (route) => route.isFirst);
}

方案2：清空整个导航栈，重新打开首页（适合需要重置首页状态的场景） #

如果你希望彻底清空之前的所有页面，让首页成为栈中唯一的页面（之后按返回键会直接退出app），可以用 pushAndRemoveUntil：

onPressed: () {
  Navigator.pushAndRemoveUntil(
    context,
    MaterialPageRoute(builder: (context) => MyHomePage()),
    (route) => false, // 这个条件表示移除所有之前的路由
  );
}

简单总结下：

• 如果你想保留首页原来的状态（比如之前的用户输入、页面状态），选方案1；
• 如果你想重新初始化首页（比如用户退出登录后回到首页），选方案2。

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