当前位置:   article > 正文

uniapp监听手机侧滑返回事件。_uniapp监听侧滑返回

uniapp监听侧滑返回

这篇文章是应一个粉丝的需求更新的!你们看我多宠粉! 

若在App首页,点击手机物理返回键,此时无返回页面可关闭,uni-app默认会提示“再按一次退出应用”;若想自定义退出信息,如修改为:出现一个拟态窗口提示我们是否退出应用,点击确定退出应用。点击取消,不做操作。

实现方案: 

在 onBackPress 中,遮罩不显示的状态下,点击返回键将弹出拟态窗。cancan

  1. onBackPress() {
  2. if(this.showMask) {
  3. this.showMask = false;
  4. return true;
  5. }else{
  6. uni.showModal({
  7. title: '提示',
  8. content: '是否退出uni-app?',
  9. success: function(res) {
  10. if (res.confirm) {
  11. // 退出当前应用,改方法只在App中生效
  12. plus.runtime.quit();
  13. } else if (res.cancel) {
  14. console.log('用户点击取消');
  15. }
  16. }
  17. });
  18. return true
  19. }
  20. },

 参考案例:uni-app自定义返回逻辑教程 - DCloud问答https://ask.dcloud.net.cn/article/35120

ios无法触发上面的事件。替代方案:

 利用生命周期:beforeDestroy() {} 或者 onUnload(){},来处理返回之前的逻辑操作。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/131126
推荐阅读