How to make a navigation style like Tinder?

Hi,

In the Tinder app, there are on the main page a button on the left for filters, and a button on the right for the Chat zone.

The cool thing is that the filter button triggers a left-animated transition, and the Chat a right-animated transition.

Is this possible to do this with Ionic ?

Currently I use the tabs feature (ion-tab): let’s call the first tab “Results”.
Regarding this tab, I would like a filter button on the top-left opening a view with a left-animated transition.
And when the filter page is opened, a simple click on a right-top button called “Items” would trigger an animated-right transition, exactly like Tinder does.

Is there a component I should use?

Thanks a lot,

Michael

2 Likes