如何在 ionic 4 angular 项目中全局禁用向后滑动手势

Question

已经尝试通过以下方法实现此目的：

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

并在 app.module 中：

IonicModule.forRoot({
    swipeBackEnabled: false
}),

config.xml:

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

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

我能想到并部分尝试但未成功的可能方法是：

以某种方式使用已弃用的 ionic navController？
使用hammerJS？
使用未记录的 GestureController (https://github.com/ionic-team/ionic/tree/a77ee2a6f88e8defb1763b71e77410264fafac70/core/src/utils/gesture)

如果有人能指出正确的方向或提供如何禁用滑动的示例，主要针对 iOS，我将非常高兴，非常感谢

Answer 1

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

起初，我错误地将它添加到我的 tabs.html 文件中的所有 ion-router-outlet 中。那没有用。相反，您只需将它添加到 app.component.html 文件中的 ion-router-outlet。这对我有用。

app.component.html

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

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

Answer 2

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

在Ionic4版本中（去除所有页面中的SwipeGesture）

How to disable swipe back gesture globally in ionic 4 angular project