I need to animate between 2 states that are not nested under each other.
I made a CodePen (http://codepen.io/patrickarlt/pen/kIDpA?editors=101) showing the behavior I want. Currently my 2 states are tabs.home and facts. I don’t want to nest facts under tabs but I would be ok with nesting things like app.tabs.home and app.facts.
Is there any better doc on this? All the animation related docs seem to be related to tabs which I don’t want.
I have made a new CodePen that strips things down even more http://codepen.io/patrickarlt/pen/xuweJ but I still dont see the animation between the foo state (containing the tabs) and the bar state (the simple view).
I’m not sure at what point this was supposed to change but going back to the old ion-nav-view animation attribute seems to work. So changing class to animation on your ion-nav-view like this.
I’ll elaborate on WHY I wanted this pattern a little more.
In the app I’m working on we have 3 tabs. 2 of those tabs have list views that then have detail views. I think the default experience with tabs is a little confusing because when users are on a detail view they can still switch to other tabs which seems a little strange. I wanted a more iOS style experience where the detail view animates in and covers the tabs. This means that the user HAS to hit the back button to get back to the tab and cant switch to other tabs while looking at a detail view which I think is cleaner.
I made yet another CodePen http://codepen.io/patrickarlt/pen/jFCnt/ that is pretty accurate to what I want. Transitions are working but now the page transitions only happen every other time. To duplicate click “Go to Bar” (no transition) then “Go to Home” (no transition) then “Go to Bar” (transition) and “Go to Home” (transition). Transitions continue to work every other time.
This is exactly what @perrygovier is seeing in Page transition animation fires every other time which he figured was a bug in nested <ion-nav-view>s or in how <ion-tabs> transitions to and from pages that aren’t its children.
Is this a bug? I feel that I have a pretty minimal test case that proves something weird is going on.
I Have some issue related to sliding in I phone , I don’t want sliding effect only route between view by back button that I want on Iphone no-animation not working on Iphone