Flutter 监听返回键

关注

原创最新推荐文章于 2026-04-22 09:05:53 发布 4.7k 阅读 AI 写同款· GEO 优化 ›

控制webview_flutter导航条返回键行为作为一名web开发人员，也按耐不住来蹭一波flutter的热度。项目中要求用flutter嵌套web，此处采用webview_flutter 插件【官方文档】。插件的使用方法不做赘述。此处分享：如何控制内嵌web的返回键行为，返回web上一路由 or 退出webview ? 1. 自制导航条由于webview_flutter没有封装导航条，首先我们需要自制一个带有返回箭头的导航条。 return... 阅读详情

Flutter 监听返回键

WillPopScope的注释：

注册一个回调函数来否决用户试图关闭封闭的[ModalRoute]。

抱歉，每个字我都认识，这一句话理解不了…

通过 WillPopScope 可以实现对返回键点击事件的监听，通过 onWillPop 回调函数可以处理响应点击事件

参考自：此文章

@override
Widget build(BuildContext context) {
  return WillPopScope(
      onWillPop: _requestPop,
      child: Scaffold(
        appBar: AppBar(
          title: Text('工作须知'),
          leading: IconButton(
            icon: Icon(Icons.arrow_back),
            onPressed: () {
              print("退出${Navigator.canPop(context)}");
              if (Navigator.canPop(context)) {
                Navigator.pop(context);
              } else {
                SystemNavigator.pop();
              }
            },
          ),
        ),
       ),
    );
   }

Future<bool> _requestPop() {
    print("POP");
    if (Navigator.canPop(context)) {
      Navigator.pop(context);
    } else {
      SystemNavigator.pop();
    }
    return Future.value(false); 
  }

WillPopScope 这种模式，如果不在AppBar写Ieading处理事件，是可以监听返回按钮的，这里指左上角那个返回，实体按键是检测不到的（华为P30检测不到…）

可以考虑用plugin调android 原生参考该文章

在flutter官网中Platform adaptations有回退导航介绍:

Back navigation
On Android, the OS back button, by default, is sent to Flutter and pops the top route of the WidgetsApp’s Navigator.

On iOS, an edge swipe gesture can be used to pop the top route.

不过没啥用，2个字’然并无’

收录于