Tab layout transitions
Hi,
I'm making a mobile app and use tanstack router for navigation (react.js + capacitor). The base navigation is some tabs at bottom of the screen (like spotify for ex).
I made slide-right and slide-left transitions, but I would like to do an animation based on the current page.
Like, I have 4 pages, I'm on page 2, if I go on Page 1 i want a slide-left animation, if I go on Page 3, i want a slide-right animation.
I must get the current url with hooks to dynamicly set the viewTransition of each item according to this ? Or is there easier way to do ?
I'm making a mobile app and use tanstack router for navigation (react.js + capacitor). The base navigation is some tabs at bottom of the screen (like spotify for ex).
I made slide-right and slide-left transitions, but I would like to do an animation based on the current page.
Like, I have 4 pages, I'm on page 2, if I go on Page 1 i want a slide-left animation, if I go on Page 3, i want a slide-right animation.
I must get the current url with hooks to dynamicly set the viewTransition of each item according to this ? Or is there easier way to do ?
