Add Customize animation to ion-router-outlet

Ionic Framework
1

Hello , i want to know if it possible to create my own animation between page with ion-router-outlet ?

In the documentation ( https://beta.ionicframework.com/docs/api/router-outlet ) , there is a animation property that can be a AnimationBuilder ( which one ? ionic/core or angular/animation ) but i the source code ( see here : https://github.com/ionic-team/ionic/blob/v4.0.0-beta.16/angular/src/directives/navigation/ion-router-outlet.ts ) there is no animation property

i would like to modify the animation of both “ios” and “md” mode to make them slower

1 Like
2

It is also actual for me. Default animation is not good for PWA, I need FadeIn/FadeOut, or something like this.

1 Like
3

Facing the same problem here, the documentation on ion-router-outlet custom animations is pretty vague to say the least and if the ion-router-outlet is capable of processing custom animations, this is like a big topic and it should be documented

2 Likes
4

Angular Firebase Route Animations

I have been following this guy for a while now, check out his channel

5

Did that work for you?