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

 更新时间:2022年05月12日 08:28:54   作者:Rijkaard  
本文主要介绍了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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • android实现手机截屏并保存截图功能

    android实现手机截屏并保存截图功能

    这篇文章主要为大家详细介绍了android实现手机截屏并保存截图功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Android编程使用AlarmManager设置闹钟的方法

    Android编程使用AlarmManager设置闹钟的方法

    这篇文章主要介绍了Android编程使用AlarmManager设置闹钟的方法,结合具体实例分析了Android基于AlarmManager实现闹钟功能的设置、取消、显示等相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • Android自定义View实现五子棋游戏

    Android自定义View实现五子棋游戏

    这篇文章主要为大家详细介绍了Android自定义View实现五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Android开发实现图片圆角的方法

    Android开发实现图片圆角的方法

    这篇文章主要介绍了Android开发实现图片圆角的方法,涉及Android针对图形图像的相关操作技巧,需要的朋友可以参考下
    2016-10-10
  • Android实现可使用自定义透明Dialog样式的Activity完整实例

    Android实现可使用自定义透明Dialog样式的Activity完整实例

    这篇文章主要介绍了Android实现可使用自定义透明Dialog样式的Activity,结合完整实例形式分析了Android Activity自定义style的操作步骤与相关技巧,需要的朋友可以参考下
    2016-07-07
  • android LabelView实现标签云效果

    android LabelView实现标签云效果

    这篇文章主要为大家详细介绍了android LabelView实现标签云效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • 详解AndroidStudio JNI +Gradle3.0以上JNI爬坑之旅

    详解AndroidStudio JNI +Gradle3.0以上JNI爬坑之旅

    这篇文章主要介绍了详解AndroidStudio JNI +Gradle3.0以上JNI爬坑之旅,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 使用Kotlin+RocketMQ实现延时消息的示例代码

    使用Kotlin+RocketMQ实现延时消息的示例代码

    这篇文章主要介绍了使用Kotlin+RocketMQ实现延时消息的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • Android 10 启动Init进程解析

    Android 10 启动Init进程解析

    这篇文章主要为大家介绍了Android 10 启动Init进程解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • kotlin项目加入Glide图片加载库并使用GlideApp的方法

    kotlin项目加入Glide图片加载库并使用GlideApp的方法

    这篇文章主要给大家介绍了关于kotlin项目加入Glide图片加载库并使用GlideApp的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2019-01-01

最新评论