Flutter:实现点击两次返回键实现退出功能

在安卓手机上才会有物理返回键，而ios手机是没有的，所以说这个是安卓手机独有的功能。

使用场景：当用户在某一段时间内连续点击两次返回键，才会被认为是退出应用。

在Flutter中想实现这个功能，首先我们先来认识一个Flutter中的组件WillPopScope，在Flutter中我们是用这个组件来实现物理返回键拦截的，从而实现点击两返回键退出应用。

我们先来了解一个这个组件，来看看它的构造函数

 const WillPopScope({
    @required this.child,
    @required this.onWillPop,
  }) 

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

示例代码

我在这里设置的是1s，当用户在1秒内点击两次返回按钮时，则退出应用；如果间隔超过1秒则不退出，并重新记时

import 'package:flutter/material.dart';
import 'package:toast/toast.dart';

class WillPopScopeDemo extends StatefulWidget {
  @override
  _WillPopScopeDemoState createState() => _WillPopScopeDemoState();
}

class _WillPopScopeDemoState extends State<WillPopScopeDemo> {

  DateTime _lastTime; //上次点击时间

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      // ignore: missing_return
      onWillPop: () async{
        if(_lastTime == null
            || DateTime.now().difference(_lastTime) > Duration(seconds: 1)){
          //两次点击间隔超过1s重新计时
          _lastTime = DateTime.now();
          Toast.show("再点一次退出应用", context);
          return false;
        }
        return true;
      },
      child: Container(
        alignment: Alignment.center,
          child: Text("1s内连续点击两次退出应用"),
      ),
    );
  }
}

 

本文地址：https://blog.csdn.net/LWJAVA/article/details/107927963