Custom swipe back gesture (v5)

coder001 · July 18, 2020, 11:04pm

I see that it is possible to specify a custom nav animation using:

IonicModule.forRoot({navAnimation: myAnimation})

However, I would like to also provide a custom swipe back gesture override the existing implementation. How can I accomplish that?

indraraj26 · July 19, 2020, 3:58am

you can modify this apply at app.moduld ts

github.com

ionic-team/ionic-framework/blob/a625c837a60abc07ad71c696196a89f1a25a4c27/core/src/utils/transition/md.transition.ts

import { Animation } from '../../interface';
import { createAnimation } from '../animation/animation';
import { TransitionOptions, getIonPageElement } from '../transition';

export const mdTransitionAnimation = (_: HTMLElement, opts: TransitionOptions): Animation => {
  const OFF_BOTTOM = '40px';
  const CENTER = '0px';

  const backDirection = (opts.direction === 'back');
  const enteringEl = opts.enteringEl;
  const leavingEl = opts.leavingEl;

  const ionPageElement = getIonPageElement(enteringEl);
  const enteringToolbarEle = ionPageElement.querySelector('ion-toolbar');
  const rootTransition = createAnimation();

  rootTransition
    .addElement(ionPageElement)
    .fill('both')
    .beforeRemoveClass('ion-page-invisible');

This file has been truncated. show original

coder001 · July 19, 2020, 11:33am

That’s the animation not the swipe back gesture.

How do I provide my own swipe back gesture which is used to override the existing swipe back gesture?

EinfachHans · July 19, 2020, 1:17pm

I don’t think this is possible at the moment. You should open a Feature Request here

coder001 · July 19, 2020, 1:31pm

I know where the ionic github project is but thanks anyway for the link.

If someone comes with a solution/hack to extend the current code base please chime in.

Thanks.

hanho · December 20, 2022, 5:35am

@coder001
I want a same feature, did you found any solution?

Topic		Replies	Views
Enable Swipe to go back in Ionic 4? Ionic Framework	8	11188	October 16, 2019
Swipe down to navigate back gesture & animation Ionic Framework	0	258	August 8, 2023
Implement swipe back/drag back gesture with transition ionic-v1	0	1233	August 5, 2015
Using `forward` and `back` animations with IonRouter.navigate Ionic Framework	7	6403	December 18, 2023
[ionic 4] - How to disable swipe back /go back ionic-v3	4	7089	December 19, 2019

Custom swipe back gesture (v5)

Related topics