Flutter中WillPopScope返回键失效问题求助

你的问题出在WillPopScope的逻辑没有区分引导页的两种路由场景：

• 应用启动时，引导页是根路由，点击返回需要触发退出应用的判断
• 从侧边栏打开时，引导页是被push到主页面之上的，点击返回应该执行Navigator.pop(context)回到主页面

方案一：通过路由栈自动判断 #

直接在onWillPop中检查当前路由是否可以返回上一页，逻辑如下：

return WillPopScope(
  onWillPop: () async {
    // 判断当前页面是否不是路由栈的最底层
    if (Navigator.of(context).canPop()) {
      Navigator.pop(context);
      return false; // 返回false，阻止默认的退出应用行为
    } else {
      // 根路由场景，执行原有的退出判断逻辑
      return await viewModel.isExitApp();
    }
  },
  child: // 你的引导页内容
);

方案二：通过参数标记场景 #

打开引导页时传递参数标记是否从侧边栏进入：

// 侧边栏打开引导页的代码
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => GuidePage(isFromSidebar: true),
  ),
);

// 应用启动时打开引导页的代码（无需传参，默认false）
MaterialPageRoute(builder: (context) => GuidePage())

然后在引导页中根据参数处理返回逻辑：

class GuidePage extends StatelessWidget {
  final bool isFromSidebar;

  const GuidePage({Key? key, this.isFromSidebar = false}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        if (isFromSidebar) {
          Navigator.pop(context);
          return false;
        } else {
          return await viewModel.isExitApp();
        }
      },
      child: // 你的引导页内容
    );
  }
}

两种方案都能解决你的问题：路由栈判断更通用，参数标记更灵活可控，根据你的实际场景选择即可。

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