NavController Page Transitions

[edwardPaytonBCSG]

I am creating page transitions for my app, all works well when using navCtrl.push(), but the navCtrl.pop() transition using the ion-navbar back button always defaults to a “fade out and down” animation.

How can I create my own NavController Pop animation? Ideally, I’d like to have different animations per page.

Thanks
Ed

[ccdex_chris]

I am super late to this party, but this should lead you in the right direction:

Adding custom transitions/custom modal transition

@ccdex_chris @badpenguin I just created 2 custom transitions for my modals and it works like a charm. First, you need to create your transition classes. scale-up-enter.transition.ts import { Animation, PageTransition } from 'ionic-angular'; export class ModalScaleUpEnterTransition extends PageTransition { public init() { const ele = this.enteringView.pageRef().nativeElement; const wrapper = new Animation(this.plt, ele.querySelector('.modal-wrapper')); wrapper.beforeStyles({ 'tr…