Flutter中如何禁用硬件返回键但保持AppBar返回键正常可用？

我懂你的困扰——用WillPopScope控制硬件返回键时，连AppBar的返回箭头也被一并禁用了，完全不符合你想要的“硬件返回可控、AppBar返回始终可用”的需求。别慌，咱们通过自定义AppBar的leading按钮就能轻松搞定这个问题。

具体实现代码 #

WillPopScope(
  onWillPop: () => Future.value(allowHardwareBack), // 仅控制硬件返回键的启用/禁用
  child: Scaffold(
    appBar: AppBar(
      // 自定义leading按钮，绕过WillPopScope的拦截逻辑
      leading: IconButton(
        icon: const Icon(Icons.arrow_back),
        onPressed: () => Navigator.pop(context), // 直接触发页面返回操作
      ),
      title: const Text("你的页面标题"),
    ),
    body: const Body(),
  ),
)

为什么原来的代码会同时禁用两者？ #

默认情况下，AppBar的返回箭头内部也是调用Navigator.pop(context)来实现返回，而WillPopScope会拦截所有的返回请求（包括这种主动触发的pop）。所以当allowHardwareBack设为false时，AppBar的返回操作也会被阻止。

通过自定义leading按钮，我们直接执行返回逻辑，不受WillPopScope的onWillPop返回值限制，这样就完美实现了硬件返回键可控、AppBar返回箭头始终可用的分离效果。

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