Flutter:实现点击两次返回键实现退出功能
程序员文章站
2022-03-11 16:21:32
在安卓手机上才会有物理返回键,而ios手机是没有的,所以说这个是安卓手机独有的功能。使用场景:当用户在某一段时间内连续点击两次返回键,才会被认为是退出应用。在Flutter中想实现这个功能,首先我们先来认识一个Flutter中的组件WillPopScope,在Flutter中我们是用这个组件来实现物理返回键拦截的,从而实现点击两返回键退出应用。我们先来了解一个这个组件,来看看它的构造函数 const WillPopScope({ @required this.child,...
在安卓手机上才会有物理返回键,而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