[Ionic] スワイプでページをバックさせない方法

Ionicでスワイプすると前のページに戻るのを無効にする方法

表題の通り、スワイプで直前のページに戻らないための設定をまとめます。

特定のページでのみ無効にする

指定するページクラスでメニューコントローラーから swipeEnable メソッドを呼び出します。

import { Component } from '@angular/core';
import { MenuController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public menuCtrl: MenuController) {
      // このページでスワイプを無効にする
      this.menuCtrl.swipeEnable(false);
  }

}

全ページで無効にする

app.module.ts ファイルの中身に追記します。

  // 中略
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      platforms: {
        ios: {
          swipeBackEnabled: false
        },
      }
    }),
  ]

以上。