Hello everyone.
I am using Ionic 4 with Angular.
I have a question about making custom transition between some of the pages in my app.
I looked into source of ionic nav controller and there is @Prop () animation?: AnimationBuilder; but I can’t find any type for that in Ionic angular to use.
LIne 56:
import { Build, Component, Element, Event, EventEmitter, Method, Prop, QueueApi, Watch } from '@stencil/core';
import { Animation, AnimationBuilder, ComponentProps, Config, FrameworkDelegate, Gesture, Mode, NavComponent, NavOptions, NavOutlet, NavResult, RouteID, RouteWrite, RouterDirection, TransitionDoneFn, TransitionInstruction, ViewController } from '../../interface';
import { assert } from '../../utils/helpers';
import { TransitionOptions, lifecycle, setPageHidden, transition } from '../../utils/transition';
import { LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_LEAVE, LIFECYCLE_WILL_UNLOAD } from './constants';
import { VIEW_STATE_ATTACHED, VIEW_STATE_DESTROYED, VIEW_STATE_NEW, convertToViews, matches } from './view-controller';
@Component({
tag: 'ion-nav',
styleUrl: 'nav.scss',
shadow: true
})
export class Nav implements NavOutlet {
private transInstr: TransitionInstruction[] = [];
private sbAni?: Animation;
private useRouter = false;
private isTransitioning = false;
This file has been truncated. show original
Anyone know how to pass my custom Animation to router?
Thanks!
Refresh, anyone tried that before?
Refresh, there must be some way to achieve custom transition ionic, otherwise its useless in more customised applications…