ionic中android的返回键

最新推荐文章于 2019-09-30 14:47:29 发布

转载最新推荐文章于 2019-09-30 14:47:29 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wancy86/p/7954913.html

文章标签：

#移动开发

本文介绍了如何在Ionic框架中自定义Android设备的返回键行为，以实现类似于QQ和微信等应用的功能。通过设置不同组件的优先级，可以确保特定状态下的返回操作符合预期。

ionic中android的返回键

在ionic框架中已经注册了几个返回事件，分别是 view sideMenu modal actionSheet popup loading 他们的优先级分别是

view: 100
sideMenu: 150
modal: 200
actionSheet: 300
popup: 400
loading: 500

现在我们首先来实现类似qq和微信的含有tabs的页面点击返回时退出应用，假设配置路由的时候在有tabs的页面中state的name都含有tab(注：代码中的$ionicPlatform和$ionicHistory都是需要注入)

// 返回键
$ionicPlatform.registerBackButtonAction(function() {
    if ($ionicHistory.currentView().stateName.indexOf('home.index') > -1) {
        if ($scope.isHomePage == 0) {
            $scope.getHomePage();
        } else {
            ionic.Platform.exitApp();
        }
    } else {
        // navigator.app.backHistory();
        // 交给其他注册事件处理
    }
}, 101);

因为页面的返回时view 优先级是100 所以这里的优先级要高于100，我这里设置的是101。

转载于:https://www.cnblogs.com/wancy86/p/7954913.html