右滑手势返回关闭？我来告诉你怎么解决？

于 2023-10-12 16:26:30 发布
阅读量500 收藏
点赞数 1
文章标签： 微信小程序 uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57489910/article/details/133793503
版权

最近写的新项目涉及到了登录页面，可测试时发现了一个很恶心的问题

手机自带的右滑手势！！！！

我即使退出到了登录页，还能通过滑动屏幕返回到小程序首页中，并且我项目是没有tabbar的！！！

网上找了很多都木有什么用。后来自己想了个妙招！！

解决方法：

（1）登录页跳转到首页时，把原来的uni.navigateTo换成了uni.reLaunch

（2）用户退出后，用户存在我本地缓存的某些值就会被清空，那我再通过uni.getStorageSync(key),如果本地缓存没有这个值，我就直接跳转回登录页！！！

是不是很妙？ 所以开发确实是个灵活的工作，解决方案永远都不是单一死板的!冲！

RJ码农
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
iOS禁用右滑返回的两种方法
01-04
本文实例为大家分享了iOS禁用右滑返回的具体代码，供大家参考，具体内容如下 方式一： 前提：如果使用的自定义UINavigationController基类，请不要在此基类里写相关的手势操作方法。 代码如下： -(void)viewDidAppear:(BOOL)animated{ if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) { self.navigationController.interactivePopGestureRecogni
uniapp 禁止手机侧滑返回（亲测有效）
zmx781284440的博客
05-05 6500
第二种方法：与onLoad同级写一个onBackPress()方法。（亲测有效，记录一下）踩坑第一种方法：(完全不生效)
uniapp单页面禁止侧滑（物理返回）
Be myself
08-01 486
uniapp单页面禁止侧滑、uniapp单页面禁止物理键返回
微信小程序阻止页面返回（包滑动、自动返回键）
^_^
02-20 9415
这个场景还是挺有意思的，比如某多多，只要你点左上角的返回 好家伙，满满又花不了的优惠券就来了，让你拥有一种消费最划算的感觉。 如果你的场景比较简单，只是对左上角的返回进行监听，只需要关闭自带的导航栏，手写导航栏或用ui库的写好的导航栏就好了。然后给写好的导航栏的返回按钮添加一个返回的事件做自己想要实现的场景就好了。​ 如果你的场景比较复杂，手机都会有自带的滑动返回，例如ios的滑动返回，安卓的滑动返回和back返回键，就需要用到page-container，他的效果类似于弹窗的形式存在着。 ​
微信小程序解决用户左滑右滑返回(利用onUnload以及navigateBack)
weixin_38949279的博客
12-08 5602
1.需求： A页面--->B页面--->C页面--->D页面，C页面根据store中数据的情况，判断返回pageA or page B pageB跳转到pageC时加flag uni.navigateTo({ url: `/????/????/?????mode=${'????'}`, }) pageC接收并加判断条件 data() { return { ???: '', .
uniapp中页面滑动跳转到指定的页面
qq_44866810的博客
05-08 2931
uniapp中页面滑动跳转到指定的页面
uniapp监听手机侧滑返回事件。
zmx781284440的博客
07-02 5564
uniapp监听手机侧滑返回事件
微信小程序页面禁止滑动
辽辽无期的博客
06-01 1900
【代码】微信小程序页面禁止滑动。
小程序阻止手机自带的滑动返回退出事件（uni-app，微信小程序，page-container）
weixin_47211345的博客
03-11 5363
阻止手机自带滑动返回事件的需求实现 和 page-container的使用
uniapp怎么关闭侧滑
dct1130的博客
05-20 5121
uniapp怎么关闭侧滑 uniapp全局禁止侧滑 首先找到并打开“manifest.json”，然后配置内容为“"popGesture": "none"”即可禁止响应左滑动画。 "plus": { //uni-app项目对应节点名称为"app-plus" "popGesture": "none" } uniapp单页面禁止侧滑返回（NVUE） // #ifdef APP-PLUS let pages = getCurrentPages(); let page = pag.
右滑返回手势和UIScrollView中手势冲突的解决方法
08-31
主要为大家详细介绍了右滑返回手势和UIScrollView中手势冲突的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
NavigationController右滑返回手势效果
04-03
源码UINavigationController-YRBackGesture，iOS7之后，支持右滑返回手势，但是默认的右滑手势只能在左边线工作，且只能iOS7以上使用。而目前很多APP的右滑返回都可以支持几乎全屏的操作，更加简单，比如网易新闻APP...
Swift NavigationBar隐藏后的右滑手势效果
08-29
主要为大家详细介绍了Swift NavigationBar隐藏后的右滑手势效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
UIPageViewController与系统右滑返回手势冲突问题
05-12
解决UIPageViewController与右滑返回冲突和某个VC禁止右滑返回
微信小程序 -- 阻止小程序返回
LiuPangZi6的博客
03-03 5162
返回操作包括：顶部导航、右滑手势、安卓物理返回键和调用 navigateBack 接口。本次项目为uniapp开发，原生小程序也可以参考这两个方法。这是一个类似弹框的组件，具体参数可以去官网查看。缺点：无法自定义样式、按钮文字及样式。优点：可以自定义返回框。
uni-app、H5+ 仿IOS 实现 安卓手势拖拽右滑关闭当前页面并返回上级页面 + 阴影效果（侧滑返回）
tuonioooo
03-01 7842
背景在我们日常开发中，经常会效仿某些流行APP渲染动画效果，用来满足自己开发或公司开发的日常需要，学习一下新的东西还是好的，本案例是 仿IOS 手势拖拽右滑 关闭当前页面并返回主页的一个案例预览效果
[uni-app] iOS/Android端 禁止单个页面侧滑返回的处理记录
最新发布
iOSTianNan的博客
09-12 1587
需要禁止部分页面侧滑返回。
微信小程序页面返回操作拦截
Z.Dragon 的博客
04-06 3152
小程序如果在页面内进行复杂的界面设计（如在页面内弹出半屏的弹窗、在页面内加载一个全屏的子页面等），用户进行返回操作会直接离开当前页面，不符合用户预期，预期应为关闭当前弹出的组件。为此提供“假页”容器组件，效果类似于 popup 弹出层，页面内存在该容器时，当用户进行返回操作，关闭该容器不关闭页面。目的是重写左上角返回按钮，可以加入自己的业务判断拦截。在页面内容外组件 page-container 组件。首先要在 pages.json 文件加配置。重写navigationBar。
uni-app 物理返回键、右滑操作跳转到 指定页面
weixin_40667613的博客
01-06 3515
一、需求： uni-app物理返回键需跳转指定页面，而不是上一页。 二、相关文档： uni-app页面生命周期 uni-app支持如下页面生命周期函数： 函数名 说明 平台差异说明 最低版本 onBackPress 监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；...
uniapp监听右滑返回
08-24
在uni-app中，可以通过监听页面的onBackPress生命周期函数来监听右滑返回操作。在onBackPress函数中，可以通过判断event.from的值来确定返回操作的来源，其中event.from的值为"backbutton"表示来源是左上角返回按钮或android返回键，"navigateBack"表示来源是uni.navigateBack。根据不同的来源，可以执行相应的操作。 引用中提到，在支付宝小程序中只有真机才能触发返回操作，且只能监听非navigateBack引起的返回，无法阻止默认行为。因此，在支付宝小程序中监听右滑返回可能会有限制。 如果希望自定义右滑返回的操作，可以在onBackPress函数中编写相应的代码。例如，可以在函数中判断是否需要显示遮罩，如果遮罩不显示的状态下点击返回键，则弹出一个拟态窗口提示我们是否退出应用。如果用户点击确定，则执行退出应用的操作；如果用户点击取消，则不做任何操作。可以参考引用中的代码示例。 总结来说，uni-app可以通过监听页面的onBackPress生命周期函数来监听右滑返回操作，并根据需要执行相应的操作。但在支付宝小程序中，监听右滑返回可能会有限制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uni-app 物理返回键、右滑操作跳转到 指定页面](https://blog.csdn.net/weixin_40667613/article/details/112279054)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [uniapp监听手机侧滑返回事件。](https://blog.csdn.net/zmx781284440/article/details/131501116)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值