ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Ionic在android中返回键的处理问题

2021-05-12 21:01:50  阅读:172  来源: 互联网

标签:返回 function ionic name button current state android Ionic


一,一段代码就可以解决问题,这段代码应该放在app.js中:

//ionic点击系统返回键退出APP
.run(function ($rootScope, $ionicPlatform, $state, $ionicHistory, $ionicPopup, $cordovaKeyboard, $timeout) {
  window.addEventListener('native.keyboardhide', function (e) {
    cordova.plugins.Keyboard.isVisible = true;
    $timeout(function () {
      cordova.plugins.Keyboard.isVisible = false;
    }, 100);

  });
  $ionicPlatform.registerBackButtonAction(function (e) {
    //阻止默认的行为
    e.preventDefault();
    // 退出提示框
    function showConfirm() {
      var servicePopup = $ionicPopup.show({
        title: '提示',
        subTitle: '你确定要退出应用吗?',
        scope: $rootScope,
        buttons: [
          {
            text: '取消',
            type: 'button-clear button-calm',
            onTap: function () {
              return 'cancel';
            }
          },
          {
            text: '确认',
            type: 'button-clear button-calm border-left',
            onTap: function (e) {
              return 'active';
            }
          }
        ]
      });
      servicePopup.then(function (res) {
        if (res == 'active') {
          // 退出app
          ionic.Platform.exitApp();
        }
      });
    }
    // 判断当前路由是否为各个导航栏的首页,是的话则显示提示框
    var current_state_name = $state.current.name;
    if ($cordovaKeyboard.isVisible()) {
      $cordovaKeyboard.close();
    } else {
      if (current_state_name == 'login' || current_state_name == 'tab.dash' || current_state_name == 'tab.positons' || current_state_name == 'tab.account') {
        showConfirm();
      } else if ($ionicHistory.backView()) {
        $ionicHistory.goBack();
      } else {
        showConfirm();
      }
    }
  }, 402); //101优先级常用于覆盖‘返回上一个页面’的默认行为
})

二、下载上述代码中所需要的插件$cordovaKeyboard即可:

   npm安装命令如下

cordova plugin add https://github.com/driftyco/ionic-plugins-keyboard.git

注:应该注意的是:本问题出现的原因是因为返回键和ionic中的控件优先级出现了矛盾,望注意!

有什么问题,欢迎指正

标签:返回,function,ionic,name,button,current,state,android,Ionic
来源: https://blog.51cto.com/u_15198640/2772000

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有