Uniapp通过onBackPress 实现退出APP功能

本文介绍了如何通过Uniapp的生命周期方法onBackPress实现APP首页左滑退出的功能。关键在于监听用户操作并设置计数器,当用户连续滑动两次时调用plus.runtime.quit()退出应用。同时,当用户第一次滑动时显示提示信息,并在1秒后重置计数器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过Uniapp开发APP又一个非常实用的功能—— 首页左滑实现退出APP功能

如图:

其实不难,通过监听uniapp生命周期onBackPress就可以实现。

onBackPress(e) {
            // 此处一定要return为true,否则页面不会返回到指定路径
            this.backButtonPress++;
            if (this.backButtonPress > 1) {
                plus.runtime.quit();
            } else {
                plus.nativeUI.toast('再滑一次退出应用');
            }
            setTimeout(function() {
                this.backButtonPress = 0;
            }, 1000);
            return true;
        },

注意backButtonPress:0 要在 全局data中加上

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT侠客行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值