Gesture Events

hammerjs.ts

import Hammer from 'hammerjs';

private manager: HammerManager;

componentDidLoad() {
  this.manager = new Hammer(this.button);
  this.manager.add(new Hammer.Pan({
    direction: Hammer.DIRECTION_LEFT,
    threshold: 0
  }));
  this.manager.on("panstart", () => this.onSwipe(0, 0));
  this.manager.on("panmove", (event: HammerInput) => this.onSwipe(event.deltaX, 0));
  this.manager.on("panend", () => this.onSwipeEnd());
  this.manager.on("press", () => this.onStart());
  this.manager.on("pressup", () => this.onStop());
}

ionic-gestures.ts

import {
  createGesture,
  Gesture
} from '@ionic/core';

componentDidLoad() {
  this.swipeGesture = createGesture({
    el: this.button,
    gestureName: 'drag',
    gesturePriority: 100,
    threshold: 5,
    direction: 'x',
    onStart: () => this.onSwipe(0, 0),
    onMove: (e) => e.deltaX < 0 && this.onSwipe(e.deltaX, 0),
    onEnd: () => this.onSwipeEnd()
  })
  this.swipeGesture.setDisabled(false)
}