Flutter 返回按钮的监听

物理按钮和返回按钮的监听

Flutter 返回按钮的监听是通过 WillPopScope来实现的

class BackDemoState extends State<BackDemoWidget> {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
        onWillPop: _onWillPop,
        child: Scaffold(
          appBar: AppBar(
            title: const Text("返回键监听"),
            leading: IconButton(
              icon: const Icon(Icons.arrow_back),
              onPressed: (){
                SmartDialog.showToast("返回");
                if (Navigator.canPop(context)) {
                  Navigator.pop(context);
                } else {
                  SystemNavigator.pop();
                }
              },
            ),
          ),
        ));
  }

  Future<bool> _onWillPop() {
    SmartDialog.showToast("返回");
    if (Navigator.canPop(context)) {
      Navigator.pop(context);
    } else {
      SystemNavigator.pop();
    }
    return Future.value(false);
  }
}

WebView的返回监听

 @override
  Widget build(BuildContext context) {
    return FutureBuilder<WebViewController>(
        future: _controller.future,
        builder: (context, snapshot) {
          return WillPopScope(
            onWillPop: () async {
              if (snapshot.hasData) {
                final bool canGoBack = await snapshot.data!.canGoBack();
                if (canGoBack) {
                  // 网页可以返回时，优先返回上一页
                  await snapshot.data!.goBack();
                  return Future.value(false);
                }
              }
              return Future.value(true);
            },
            child: Scaffold(
              appBar: AppBar(
                title: Text(widget.title),
              ),
              body: Stack(
                children: [
                  WebView(
                    initialUrl: "https://www.baidu.com",
                    javascriptMode: JavascriptMode.unrestricted,
                    allowsInlineMediaPlayback: true,
                    onWebViewCreated: (WebViewController webViewController) {
                      _controller.complete(webViewController);
                    },
                    onProgress: (int progress) {
                      debugPrint('WebView is loading (progress : $progress%)');
                      setState(() {
                        _progressValue = progress;
                      });
                    },
                  ),
                  if (_progressValue != 100) LinearProgressIndicator(
                    value: _progressValue / 100,
                    backgroundColor: Colors.transparent,
                    minHeight: 2,
                  ) else Gaps.empty,
                ],
              ),
            ),
          );
        }
    );
  }