Animate from a tabbed page link to a different page


#1

Hi guys,

I have an app with 5 tabs and some of these tabs share the same pages. So I created an abstract state (shared state) that contained these shared resources, however when I navigate to one of the shared pages the view to the new page doesn’t animate.

Is there a way to animate from a tab state to a page that isn’t in a tab state?

I did think about using modals, but I need multiple pages rather than a modal that slides up. The animation I was thinking of is similar to how a standard page animates to another (the slide from right to left).

Thanks in advance.


#2

Maybe adding css animations linked to your view’s class will suffice?
Check out this demo