如何在离子4角项目中全局禁用向后滑动手势

时间:2018-12-10 15:23:05

标签: ios angular ionic-framework gesture ionic4

已经尝试通过以下方式实现这一目标:

<ion-router-outlet swipeGesture="false" animated="false"></ion-router-outlet>

和app.module中的

IonicModule.forRoot({
    swipeBackEnabled: false
}),

config.xml:

<preference name="AllowBackForwardNavigationGestures" value="false" />

..但是水平滑动手势仍会触发导航到其他页面:-(

我可以想到并尝试了部分但未成功的方法是:

  1. 以某种方式使用已弃用的离子navController?
  2. 使用HammerJS吗?
  3. 使用未记录的GestureController (https://github.com/ionic-team/ionic/tree/a77ee2a6f88e8defb1763b71e77410264fafac70/core/src/utils/gesture

如果有人可以指出正确的方向或提供一个示例(主要针对iOS)如何禁止滑动,我将非常高兴,非常感谢

2 个答案:

答案 0 :(得分:3)

我通过将[swipeGesture]="false"添加到ion-router-outlet来解决此问题,如下所述:https://github.com/ionic-team/ionic/issues/16441

起初,我犯了一个错误,即将其添加到我的ion-router-outlet文件中的所有tabs.html文件中。那没用。相反,您只需要将其添加到ion-router-outlet文件中的app.component.html。那对我有用。

app.component.html

<ion-app>
  <ion-router-outlet [swipeGesture]="false"></ion-router-outlet>
</ion-app>

我正在使用离子版本4.0.0-beta.17

答案 1 :(得分:-1)

<ion-menu [swipeGesture]="false"> </ion-menu>

在Ionic4版本中(要删除所有页面中的SwipeGesture)