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

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

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

示例1：

为了防止用户误触返回键退出，我们拦截返回事件。当用户在1秒内点击两次返回按钮时，则退出；如果间隔超过1秒则不退出，并重新记时。代码如下：

lib/routes/route_will_pop.dart
  1. import 'package:flutter/material.dart';
  3. class RouteWillPop extends StatefulWidget {
  4.   RouteWillPop({
  5.     Key key,
  6.     @required this.child,
  7.   })  : assert(child != null),
  8.         super(key: key);
  9.   final Widget child;
  11.   @override
  12.   _RouteWillPopState createState() => _RouteWillPopState();
  13. }
  15. class _RouteWillPopState extends State<RouteWillPop> {
  16.   DateTime _lastPressedAt; //上次点击时间
  18.   @override
  19.   Widget build(BuildContext context) {
  20.     return WillPopScope(
  21.       child: widget.child,
  22.       onWillPop: () async {
  23.         // 当用户在1秒内点击两次返回按钮时，则退出；如果间隔超过1秒则不退出，并重新记时。
  24.         if (_lastPressedAt == null || 
  25.             DateTime.now().difference(_lastPressedAt) > Duration(seconds: 1)) {
  26.           _lastPressedAt = DateTime.now();
  27.           return false;
  28.         }
  30.         return true;
  31.       },
  32.     );
  33.   }
  34. }

页面使用
  1. import "package:flutter/material.dart";
  2. import 'package:app1/routes/route_will_pop.dart';
  4. class TestPage extends StatelessWidget {
  5.   @override
  6.   Widget build(BuildContext context) {
  7.     return RouteWillPop(
  8.       child: Scaffold(
  9.         appBar: AppBar(title: Text('导航拦截返回 demo')),
  10.         body: Text('1秒内连续按两次返回键退出'),
  11.       ),
  12.     );
  13.   }
  14. }