ionic开发——禁止右滑返回上一页

最新推荐文章于 2021-01-12 10:44:07 发布
最新推荐文章于 2021-01-12 10:44:07 发布
阅读量6.2k 收藏 1
点赞数 1
分类专栏： ionic开发 文章标签： ionic 侧滑 右滑返回 右滑返回上一页 滑动返回
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yu17310133443/article/details/70312594
版权

在ionic的开发中，在页面向右滑动会返回上一页，主要原因由于app.js中.config的配置控制的。

具体解决方法有两种：


1、配置ionicConfigProvider


$ionicConfigProvider.views.swipeBackEnabled(false);

2、设置ion-view


can-swipe-back=”false”;



第一种方法好用，第二种测试无效。


可能是使用不对，如果你好使了，希望可以留言如何使用.

Mickey_于浩
关注
专栏目录
ionic - 页面用力向右滑动返回了上一层
我的博客
01-15 3196
最近项目要发布ios版本，因为没有苹果手机没办法测试。一直在浏览器下开发，安卓测试；昨天测了苹果的，发现这个问题，在安卓上没问题，刚刚试了在浏览器下也会有这个问题。刚刚发现一个可行的方案：在app.js中加入用：$ionicConfigProvider.views.swipeBackEnabled(false);配置即可。 具体这个问题的原因是什么还没发现，。。。。。 http://www1.
ionic侧滑返回
jie_rookie的博客
04-07 384
全局 $ionicConfigProvider.views.swipeBackEnabled(false); // 禁用 $ionicConfigProvider.views.swipeBackEnabled(true); // 启用 单页： ion-view标签添加属性：can-swipe-back=”false” 出现问题： 1、侧滑返回页面空白； 原因：页面设置无缓存； ...
禁用ionic右滑返回上一页面
qq_38661056的博客
09-07 983
今天项目里面遇到了一个问题，页面里面右拉回返回上一页面，而这并不是我希望的行为。网上查了一下，发现还真的没有几个人遇到过这种问题，于是记录一下给大家看一下。 说话的方式简单点，两种方法。 全局禁用： 在app.component.html里面 <ion-router-outlet [swipeGesture]="swipeEnable"></ion-router-outlet> 局部禁用 constructor( private routerOutlet: IonRou
IONIC如何禁用侧滑菜单页（menuToggle）
QQ_852213985
11-15 817
        在登录界面时，我们不希望用户能使用侧滑菜单页，所以我们就需要禁用掉这个侧滑栏，只有当用户登录成功后才能使用侧滑菜单的功能。下面是实现方法 import { MenuController } from 'ionic-angular'; export class LoginPage { name:string= ""; pwd:string= ""; constructor...
ionic 禁用侧滑后退事件
egoist1925的博客
05-30 2149
$ionicConfigProvider.views.swipeBackEnabled(false);
ionic在ios侧滑页面空白
zhengzebinhao的博客
12-20 1513
本人在ios10左右滑动的时候，经常出现左滑页面后退，然后整个页面空白现象，只能强行退出，并重新登录，最简单的方法就是禁用侧滑后退这个功能； 在app.js上config增加如下： $ionicConfigProvider.views.swipeBackEnabled(false); 警用视图滑动后退
angular+ionic返回上一页并刷新页面
08-29
Angular+Ionic返回上一页并刷新页面 Angular和Ionic是当前流行的前端框架，它们都提供了丰富的功能和插件来帮助开发者快速构建应用程序。然而，在实际开发过程中，开发者经常会遇到一些棘手的问题，例如如何返回上...
ionic3 真机上手势右滑返回上一页
qq_33871182的博客
06-04 524
在ts中加入 import { Platform } from 'ionic-angular'; //返回Root this.platform.registerBackButtonAction(()=>{ navctrl.popToRoot(); }) //返回Pop this.platform.registerBackButtonAction(()=>{ navctrl.pop(); })
vue 返回上一页传参_Ionic5 Vue3路由跳转、ionic路由跳转传值 返回上一页 、返回根...
weixin_33480380的博客
01-12 2003
一、Ionic5 Vue3普通路由跳转 Icon组件演示 toolbar组件演示 ion-back-button中default-href可以配置没有路由的时候返回的页面新闻列表二、Ionic5 Vue3路由跳转传值Get传值this.$route.queryGet传值import { useRoute } from 'vue-router';export default defineCompo...
配置ionic开发环境.docx
04-08
Ionic 是一个基于 Apache Cordova 的混合应用程序开发框架，它可以帮助开发者使用 Web 技术开发跨平台的移动应用程序。为了快速开始 Ionic 开发，需要配置合适的开发环境。下面是配置 Ionic 开发环境的详细步骤和...
ionic 4 重写物理返回键，以及隐藏键盘
qq_21197023的博客
03-19 3022
1.保证子页面返回父页面依旧有效 2.跟页面隐藏到后台，不退出 代码：
使用SwipeBackLayout实现滑动退出页面的效果
凌空之鹤
04-19 1328
先提供SwipeBackLayout的github:SwipeBackLayout 很简单，四步： 1. gradle   compile 'me.imid.swipebacklayout.lib:library:1.0.0' 2.extends  SwipeBackActivity 3.给activity的主题里面加一句： <item name="a
SwipeBack侧滑开源组件冲突问题处理
子不语的博客
02-07 879
SwipeBack侧滑开源组件冲突问题处理 SwipeBack github地址：https://github.com/zhibuyu/SwipeBackDemo 智能手机的大屏化，使得单手操作和侧滑返回这两个功能成为了移动开发中常见的需求，本文说的就是侧滑开源组件SwipeBack在常见布局中的一些冲突问题。 常见问题： Editext滑动冲突 RecyclerView滑动冲突
Ionic2中的内置导航组件
张伟array[0]的博客
03-31 4440
NavPush 定义：添加一个新页面到当前nav stack中。 上图就是一个手机的页面的删减页面，我们在按钮标签中绑定 NavPush属性进行翻页操作。<button ion-button [navPush]="pushPage"></button>//单纯地跳转页面<button ion-button [navPush]="pushPage" [navParams]="params">Go</
ionic 事件
青
11-25 1924
//禁止侧滑后退事件 $ionicConfigProvider.views.swipeBackEnabled(false);
ionic 禁用 手势 滑动返回
weixin_30336061的博客
01-29 766
$ionicConfigProvider.views.swipeBackEnabled(false); 在 应用的 config里面 配置下 上面的那句话 就OK了。 转载于:https://www.cnblogs.com/zwhblog/p/8378062.html
向右滑动返回上一页
LeveBe的博客
12-14 1677
.m文件 - (void)viewDidAppear:(BOOL)animated{ self.view.backgroundColor = [UIColor brownColor]; self.navigationController.interactivePopGestureRecognizer.enabled = YES;//让rootView禁止滑动 } - (BOOL
IONIC 返回上一页
最新发布
09-02
在 Ionic 中，可以使用 `NavController` 的 `pop()` 方法来返回上一页。以下是一个示例代码： ```typescript import { NavController } from '@ionic/angular'; constructor(private navCtrl: NavController) {} goBack() { this.navCtrl.pop(); } ``` 在你的 HTML 文件中，你可以使用 `(click)` 事件来调用该方法，例如： ```html <button (click)="goBack()">返回</button> ``` 当点击这个按钮时，它将会调用 `goBack()` 方法，从而返回到上一页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Mickey_于浩

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

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

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

打赏作者

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

抵扣说明：

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

余额充值