为了避免用户误触返回按钮而导致APP退出,在很多APP中都拦截了用户点击返回键的按钮,然后进行一些防误触判断,比如当用户在某一个时间段内点击两次时,才会认为用户是要退出(而非误触)。Flutter中可以通过WillPopScope来实现返回按钮拦截。

    定义:

    1. const WillPopScope({
    2. ...
    3. @required WillPopCallback onWillPop,
    4. @required Widget child
    5. })

    onWillPop是一个回调函数,当用户点击返回按钮时被调用(包括导航返回按钮及Android物理返回按钮)。该回调需要返回一个Future对象,如果返回的Future最终值为false时,则当前路由不出栈(不会返回);最终值为true时,当前路由出栈退出。我们需要提供这个回调来决定是否退出。

    示例: 为了防止用户误触返回键退出,我们拦截返回事件。当用户在1秒内点击两次返回按钮时,则退出;如果间隔超过1秒则不退出,并重新计时。

    1. import 'package:flutter/material.dart';
    2. class HomePage extends StatefulWidget {
    3. @override
    4. createState() => new _HomePageState();
    5. }
    6. class _HomePageState extends State<HomePage> {
    7. DateTime _lastPressedAt; //上次点击时间
    8. @override
    9. Widget build(BuildContext context) {
    10. return Scaffold(
    11. appBar: AppBar(
    12. title: Text("导航返回拦截"),
    13. ),
    14. body: WillPopScope(
    15. onWillPop: () async {
    16. if (_lastPressedAt == null || DateTime.now().difference(_lastPressedAt) > Duration(seconds: 1)) {
    17. // 两次点击间隔超过1秒则重新计时
    18. _lastPressedAt = DateTime.now();
    19. return false;
    20. }
    21. return true;
    22. },
    23. child: Container(
    24. alignment: Alignment.center,
    25. child: Text("1秒内连续按两次返回键退出"),
    26. )));
    27. }
    28. }