ionic监听android返回键实现“再按一次退出”功能

概述在android平台上的app，在主页面时经常会遇到“再按一次退出app”的功能，避免只按一下返回键就退出app提升体验优化。

在androID平台上的app，在主页面时经常会遇到“再按一次退出app”的功能，避免只按一下返回键就退出app提升体验优化。

1、这个功能需要我们用到ionic提供的registerBackButtonAction方法（注册硬件后退按钮动作）

registerBackbuttonAction(callback,priority,[actionID]) 参数 类型 说明 callback function 当点击返回按钮时触发,如果该监视器具有最高的优先级 priority number 仅最高优先级的会执行 actionID(可空) * 该ID指定这个动作 默认: 一个随机且唯一的ID

后退按钮的优先执行顺序：

返回到上一个视图 = 100

关闭侧边菜单 = 150

关闭模版modal = 200

关闭上拉菜单action sheet = 300

关闭对话框popup = 400

关闭加载框loading = 500

注意：返回： function一个被触发的函数，将会注销 backbuttonAction。

如果我们不想注册返回按钮影响所有页面，就要将返回函数再调用。

例如：如果一个上拉菜单已经显示，后退按钮应该关闭上拉菜单，而不是返回一个页面视图或关闭一个打开的模型。
所以我们要实现“再按一次退出app”的功能，可以将优先级priority设为101

2、代码实现

在Js中

angular.module("app").run(["$rootScope","$ionicPlatform","$location","$ionicHistory",function ($rootScope,$ionicPlatform,$location,$ionicHistory) {  "use strict";    // 当用户在主页面， 按返回键时，给予提示，如果在2s内再次出发返回键，就退出app  function showTipMsg() {   window.plugins.toast.showShortCenter("在按一次退出app"); // toast是cordova的一个插件cordova-plugin-x-toast，也可以用ionic的d窗来代替   $rootScope.exitApp = true;   const delay = 2000;   setTimeout(() => {    $rootScope.exitApp = false;   },delay);  }    // 判断当前路由，是否是project， mission，mine， message这几个主页面  function isExitPage() {   let path = $location.path(),state = _.last(path.split("/")),ary = ["project","mission","mine","","message"];   return _.includes(ary,state);  }    // 注册返回事件  function registerBackbutton(event) {   event.preventDefault();   $cordovaKeyboard.isVisible() && $cordovaKeyboard.close();   if (isExitPage()) {    $rootScope.exitApp && ionic.Platform.exitApp();    !$rootScope.exitApp && showTipMsg();   } else {    $ionicHistory.goBack();   }   return false;  }    // ionic 环境已经准备完毕  ionic.Platform.ready(() => {   try {    const priority = 101;    $ionicPlatform.is("AndroID") && $ionicPlatform.registerBackbuttonAction(registerBackbutton,priority);   } catch (e) {    console.warn("Application is running in browser causes inspection Failed.");   }  }); }]);

这样我们就很简单实现了一个"再按一次退出app的功能"

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

您可能感兴趣的文章:ionic2自定义cordova插件开发以及使用（Android）ionic App 解决android端在真机上tab处于顶部的问题ionic2打包android时gradle无法下载的解决方法ionic2如何处理android硬件返回按钮关注Ionic底部导航按钮tabs在android情况下浮在上面的处理 总结

以上是内存溢出为你收集整理的ionic监听android返回键实现“再按一次退出”功能全部内容，希望文章能够帮你解决ionic监听android返回键实现“再按一次退出”功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。