本文主要介绍了Flutter 点击两次退出app的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
在安卓手机上才会有物理返回键,而ios手机是没有的,所以说这个是安卓手机独有的功能。
使用场景:当用户在某一段时间内连续点击两次返回键,才会被认为是退出应用。
在Flutter中想实现这个功能,首先我们先来认识一个Flutter中的组件WillPopScope,在Flutter中我们是用这个组件来实现物理返回键拦截的,从而实现点击两返回键退出应用。
onWillPop是他的一个回调函数,当用户点击返回按钮时被调用(Android物理返回按钮),该回调需要返回一个Future对象,如果返回的Future最终值为false时,则当前路由不出栈(不会返回);最终值为true时,当前路由出栈退出。我们需要提供这个回调来决定是否退出。
1.App组件
DateTime? lastPopTime;onWillPop: () async {
if (lastPopTime == null ||
DateTime.now().difference(lastPopTime!) > Duration(seconds: 1)) {
lastPopTime = DateTime.now();
ToastUtils.showToast("再按一次退出");
return Future.value(false);
} else {
lastPopTime = DateTime.now();
// 退出app
return Future.value(true);
}
});2.InAppWebview组件
DateTime? lastPopTime;onWillPop: () async {
// webViewController?.goBack();
// return Future.value(false);
if (lastPopTime == null ||
DateTime.now().difference(lastPopTime!) > Duration(seconds: 1)) {
lastPopTime = DateTime.now();
if (await webViewController?.canGoBack() == true) {
await webViewController?.goBack();
} else {
ToastUtils.showToast("再按一次退出");
}
return Future.value(false);
} else {
lastPopTime = DateTime.now();
// 退出app
return Future.value(true);
// await SystemChannels.platform.invokeMethod('SystemNavigator.pop');
}
});到此这篇关于Flutter 点击两次退出app的实现示例的文章就介绍到这了,更多相关Flutter 点击两次退出app内容请搜索编程学习网以前的文章希望大家以后多多支持编程学习网!
本文标题为:Flutter 点击两次退出app的实现示例
- Android实现轮询的三种方式 2023-02-17
- iOS 对当前webView进行截屏的方法 2023-03-01
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- Android实现监听音量的变化 2023-03-30
- Flutter实现底部和顶部导航栏 2022-08-31
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- 详解flutter engine 那些没被释放的东西 2022-12-04
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- Android studio实现动态背景页面 2023-05-23
