Page Transition animation when using Router.navigate

Hi,

I’m currently routing using solely router.navigate and noticed that the page transtions continue to be animated. I understand that the navController navigation allows us to pass in an animate flag. Given that I’m not using the navController, is there another way I can control the animation on a per page (or route) basis?

Thanks!

Denis

FWIW, the beta7 changelog entry basically says “if you’re using the Angular router, you’re SOL for a bit”.

1 Like

Hi Rob,

Thanks for the update!
Denis

example with router

flipPage()
  {
    let options:NativeTransitionOptions={
      duration:1400,
      direction:'up'
    }

    this.nativePageTransitions.flip(options);
    this.router.navigateByUrl('/aboutus');
  }

Created a demonstration at
//Ionic 6 angular Page transitions : slide, flip, drawer, curl, fade - YouTube