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

目录
  • 1.App组件
  • 2.InAppWebview组件

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

赞 (0)

相关推荐

  • flutter 实现点击下拉栏微信右上角弹出窗功能

    flutter 实现点击下拉栏微信右上角弹出窗功能

    先看效果实现 需求分析 这个是使用 PopupRoute这个路由类进行实现 大概原理就是利用PopupRpute这个类进行改造,然后自定义一个页面,页面内镶嵌一个动画类,用来实现缩放动画 大概分为三部分,PopupRoute改造,弹出页面设置,动画类设置. 为什么选择PopupRoute? 可以镶嵌在flutter本身的路由管理之中 也就是逻辑操作都是正常的页面管理,可以手动管理,也可以用路由返回直接关掉,不会影响原有页面和布局 第一步,改造PopupRoute类 import 'package

  • 详解Flutter点击空白隐藏键盘的全局做法

    开发原生页面的时候,在处理键盘事件上,通常的需求是,点击输入框外屏幕,要隐藏键盘,同样的,这样的需求也需要在 Flutter 上实现, Android 上的实现方式是在基类 Activity 里实现事件分发,判断触摸位置是否在输入框内. /** * 获取点击事件 */ @CallSuper @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.MotionEv

  • flutter InkWell实现水波纹点击效果

    在flutter 开发中用InkWell或者GestureDetector将某个组件包起来,已添加点击事件. GestureDetector 使用点击无水波纹出现,InkWell可以实现水波纹效果. 正常情况下使用 : InkWell( //单击事件响应 onTap: () { }, child: Container( alignment: Alignment(0, 0), height: 28, width: 120, child: Text("InkWell单击事件"), ), )

  • flutter实现点击事件

    本文实例为大家分享了flutter实现点击事件的具体代码,供大家参考,具体内容如下 在Android中,您可以通过调用方法setOnClickListener将OnClick绑定到按钮等view上. 在Flutter中,有两种方法: 1.如果Widget支持事件监听,则可以将一个函数传递给它并进行处理.例如,RaisedButton有一个onPressed参数 @override Widget build(BuildContext context) { return new RaisedButt

  • Flutter 全局点击空白处隐藏键盘实战

    老孟导读:为什么要实现点击空白处隐藏键盘?因为这是 iOS 平台的默认行为,Android 平台由于其弹出的键盘右上角默认带有关闭键盘的按钮,所以点击空白处不会隐藏键盘. 对于单个页面来说,通过为 TextField 添加 focusNode,点击空白处时使 TextField 失去焦点,实现如下: class DismissKeyboardDemo extends StatelessWidget { final FocusNode focusNode = FocusNode(); @overr

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

    目录 1.App组件 2.InAppWebview组件 在安卓手机上才会有物理返回键,而ios手机是没有的,所以说这个是安卓手机独有的功能. 使用场景:当用户在某一段时间内连续点击两次返回键,才会被认为是退出应用. 在Flutter中想实现这个功能,首先我们先来认识一个Flutter中的组件WillPopScope,在Flutter中我们是用这个组件来实现物理返回键拦截的,从而实现点击两返回键退出应用. onWillPop是他的一个回调函数,当用户点击返回按钮时被调用(Android物理返回按钮

  • Android Back键点击两次退出应用详解及实现方法总结

    思路:Android中捕获用户按键是在onKeyDown方法中,只需要判断用户按键是否是KEYCODE_BACK即后退键即可,剩下的即为判断两次点击BACK键时间间隔问题了 第一种实现方式 package com.example.clickexittest; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import andr

  • ionic App问题总结系列之ionic点击系统返回键退出App

    在安卓下,如果不处理系统返回键的事件,那么每次点击返回键,将页面将返回到上一个路由,这种逻辑不符合app的路由逻辑.正确的应该是:当页面到了各个导航页的首页时,此时再按返回键应该提示是否退出app,用户点击确认后退出app. 在run()方法中添加下面的方法 $ionicPlatform.registerBackButtonAction(function (e){ //阻止默认的行为 e.preventDefault(); // 退出提示框 function showConfirm() { va

  • Android Studio finish()方法的使用与解决app点击“返回”(直接退出)

    在这里,我们将用到finish(),简单介绍一下它的使用: finish()官方解析:Call this when your activity is done and should be closed. The ActivityResult is propagated back to whoever launched you via onActivityResult()."当你打开的Activity已经执行完成并且需要被关闭的时候可以调用这个方法,当你按返回的时候,它将返回到当前Activity

  • 三步实现ionic3点击退出app程序

    本文实例为大家分享了ionic3点击退出app程序的具体代码,供大家参考,具体内容如下 其实也很简单.大概分为三步 1.tabs.ts文件需要声明一下 @ViewChild('mainTabs') tabs:Tabs;//声明tabs组件(<ion-tabs #mainTabs >) 2.app.component.ts文件 @ViewChild('myNav') nav: Nav;//声明根组件(<ion-nav #myNav [root]="rootPage"&g

  • 按钮的Ajax请求时一次点击两次提交的解决方法

    页面中的按钮的type是submit的: <input type="submit" value="Create" id="submit" /> ajax的请求,在JQuery中是: $(function () { $('#submit').click(function () { var createGenreForm = $('#createGenreForm'); if (createGenreForm.valid()) { var

  • flutter Bloc add两次只响应一次问题解析

    flutter Bloc add两次只响应一次问题解析

    目录 问题描述 原因分析 处理方式 问题描述 连续调用两次addEvent,结果最终只能响应一次,第二次事件无法响应. @override Stream<SomeState> mapEventToState(SomeEvent event) async*{ if(event is InCreaseEvent){ state.num ++; yield state; } } someBloc.add(InCreaseEvent()); someBloc.add(InCreaseEvent());

  • Flutter组件生命周期和App生命周期示例解析

    目录 引言 无状态组件(StatelessWidget) 有状态组件(StatefulWidget) StatefulWidget生命周期详细分析 1. createState 2. initState 3. didChangeDependencies 4. build 5. didUpdateWidget 6. deactivate 7. dispose 8. reassemble App生命周期 结束语 引言 在Flutter开发中,所有的组件和页面都继承自Widget,所以探索页面的生命周

  • Android 使用jQuery实现item点击显示或隐藏的特效的示例

    本文介绍了Android 使用jQuery实现item点击显示或隐藏的特效的示例,分享给大家,具体如下: 效果图 分析 上图中的功能在很多APP上都可能用到过,例如app的帮助界面,告诉用户如何使用APP 一般的实现方式都是通过ListView来实现的,实际上此类需求非常简单,完全可以用WebView加载HTML来实现 抽屉样式的显示隐藏特效可以使用jQuery来实现,一个函数就可以搞定 实现 集成jQuery 网页中需要使用到jQuery,最新版本可以去官网下载 http://jquery.c

随机推荐