How to swipe between pages in Ionic?

Ionic Framework ionic-v3
8

You can just swipe between pages without making any major changes to your core structure.

HTML:

<ion-content (swipe)="swipeEvent($event)" padding>

Typescript:

swipeEvent(e) {
    if (e.direction == 2) {
      this.navCtrl.push('Item2');
    }
}

Swipe right to pop() is the default behavior but you can just set a second swipe event to push or setroot to a previous page if depending on how you want the nav-stack to look.

1 Like