返回顶部
首页 > 资讯 > 移动开发 >Flutter 点击两次退出app的实现示例
  • 856
分享到

Flutter 点击两次退出app的实现示例

2024-04-02 19:04:59 856人浏览 安东尼
摘要

目录1.App组件2.InAppWEBview组件在安卓手机上才会有物理返回键,而iOS手机是没有的,所以说这个是安卓手机独有的功能。 使用场景:当用户在某一段时间内连续点击两次返回

在安卓手机上才会有物理返回键,而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内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Flutter 点击两次退出app的实现示例

本文链接: https://lsjlt.com/news/148564.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Flutter 点击两次退出app的实现示例
    目录1.App组件2.InAppWebview组件在安卓手机上才会有物理返回键,而ios手机是没有的,所以说这个是安卓手机独有的功能。 使用场景:当用户在某一段时间内连续点击两次返回...
    99+
    2024-04-02
  • Flutter怎么实现点击两次退出app
    本文小编为大家详细介绍“Flutter怎么实现点击两次退出app”,内容详细,步骤清晰,细节处理妥当,希望这篇“Flutter怎么实现点击两次退出app”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。在安卓手机上才...
    99+
    2023-06-30
  • Android实现点击两次返回键退出
    在做安卓应用是我们经常要判断用户对返回键的操作,一般为了防止误操作都是在用户连续按下两次返回键的时候提示用户是否退出应用程序。 第一种实现的基本原理就是,当按下BACK键时,会...
    99+
    2022-06-06
    Android
  • Android实现点击两次BACK键退出应用
    思路:Android中捕获用户按键是在onKeyDown方法中,只需要判断用户按键是否是KEYCODE_BACK即后退键即可,剩下的即为判断两次点击BACK键时间间隔问题了。 ...
    99+
    2022-06-06
    back Android
  • Android Back键点击两次退出应用详解及实现方法总结
    思路:Android中捕获用户按键是在onKeyDown方法中,只需要判断用户按键是否是KEYCODE_BACK即后退键即可,剩下的即为判断两次点击BACK键时间间隔问题了 第...
    99+
    2022-06-06
    back 方法 Android
  • ANDROID 完美退出APP的实例代码
    大家都知道 Android 的 Activity 是存着历史栈的,比如从 A -> B -> C,C 完成 finish 后回到 B,把所有的Activity 都 ...
    99+
    2022-06-06
    app Android
  • Android怎么实现按两次返回键退出程序
    小编给大家分享一下Android怎么实现按两次返回键退出程序,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Android 实现按两次返回键退出程序(两种方法)第一...
    99+
    2023-05-30
    android
  • Win10下迅雷点击登录出现闪退怎么办 Win10下打开迅雷点击登录出现闪退的两种解决方法
    解决方法一: 1、在win10开始菜单按钮上单击鼠标右键,在弹出的菜单中点击“程序和功能”; 2、在左侧点击【查看已安装的更新】; 3、在右侧找到【KB3124262 】、【KB31...
    99+
    2023-05-21
    Win10系统 迅雷 登录 闪退
  • jquery如何实现点击显示元素再次点击隐藏元素
    这篇文章主要讲解了“jquery如何实现点击显示元素再次点击隐藏元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何实现点击显示元素再次点击隐...
    99+
    2024-04-02
  • Android 实现双击退出的功能
    实现android双击后退键退出当前APP功能 实现该功能基本思路是, 1, 监听后退键 , 比较两次后退间隔 , 低于两秒则出发退出 2, 退出当前APP 我选择在基类中Ba...
    99+
    2022-06-06
    Android
  • Android双击退出的实现方法
    本文实例讲述了Android双击退出的实现方法。分享给大家供大家参考。具体实现方法如下: 方式一: 重写onBackPressed方法直接监听返回键(建议高版本用2.0以上) ...
    99+
    2022-06-06
    方法 Android
  • JS鼠标3次点击事件的示例分析
    这篇文章给大家分享的是有关JS鼠标3次点击事件的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、制作一个通用的事件处理模块(原生实现)以下实现基于AMD定义模块方式: ...
    99+
    2024-04-02
  • android点击按钮退出程序功能怎么实现
    要实现Android点击按钮退出程序的功能,可以使用以下步骤:1. 在XML布局文件中,创建一个按钮控件:xml2. 在Java代码...
    99+
    2023-10-20
    android
  • Android Studio finish()方法的使用与解决app点击“返回”(直接退出)
    在这里,我们将用到finish(),简单介绍一下它的使用: finish()官方解析:Call this when your activity is done and shou...
    99+
    2022-06-06
    Android Studio studio 方法 finish app Android
  • vue防止多次点击的实现方法
    本篇内容主要讲解“vue防止多次点击的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue防止多次点击的实现方法”吧!一般点击事件会分不同的情况进行消息提醒,如果不做处理,短短几秒弹出很...
    99+
    2023-06-20
  • Flutter App开发实现循环语句的方式实例
    1 for 循环 Flutter 中循环语句的使用方式与其他编程语言比较类似,常见的包括 for 循环和 while 循环。 Flutter 中的 for 循环语法如下: for (...
    99+
    2023-05-18
    Flutter App循环语句方式 Flutter App开发
  • js实现MaterialUI点击涟漪效果示例
    目录正文HTMLCSSJS实现效果 正文 我个人而言还是挺喜欢Material UI这套设计风格的。一些细节方面做的还不错。就比如今天要给大家分享的点击涟漪效果。Mater...
    99+
    2024-04-02
  • flutter 实现点击下拉栏微信右上角弹出窗功能
    先看效果实现 需求分析 这个是使用 PopupRoute这个路由类进行实现 大概原理就是利用PopupRpute这个类进行改造,然后自定义一个页面,页面内镶嵌一个动画类,用来实现缩...
    99+
    2024-04-02
  • Flutter实现资源下载断点续传的示例代码
    目录协议梳理实现步骤写在最后协议梳理 一般情况下,下载的功能模块,至少需要提供如下基础功能:资源下载、取消当前下载、资源是否下载成功、资源文件的大小、清除缓存文件。而断点续传主要体现...
    99+
    2024-04-02
  • vue关闭浏览器退出登录的实现示例
    目录1、beforeunload事件2、unload事件3、源码部分  项目需要:也在网上找了不少类似的文章,不过用起来多少有点问题,毕竟要适合自己的需求,我这里是vue3适用,理论...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作