千家信息网

Flutter怎么实现点击两次退出app

发表于:2025-01-17 作者:千家信息网编辑
千家信息网最后更新 2025年01月17日,本文小编为大家详细介绍"Flutter怎么实现点击两次退出app",内容详细,步骤清晰,细节处理妥当,希望这篇"Flutter怎么实现点击两次退出app"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢
千家信息网最后更新 2025年01月17日Flutter怎么实现点击两次退出app

本文小编为大家详细介绍"Flutter怎么实现点击两次退出app",内容详细,步骤清晰,细节处理妥当,希望这篇"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"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。

0