Animation slide left right not all pages

ion-nav-view can accept an animation="none" and disable animation on all views rendered in it. If you want to have views that do not animate, you should think about your states and how your app is structured.

For a project I’m working on, my main nav-view in my index.html animates but I have some sub nav-views that have no animation.

<ion-nav-view animation="slide-left-right">
   <ion-view></ion-view>
   <ion-view>
      <ion-nav-view animation="none">
         <ion-view></ion-view>
      </ion-nav-view>
   </ion-view>
</ion-nav-view>

This is just to illustrate the point I’m trying to make about how to structure things. Does this make sense?

1 Like