Navigation Slide Panel like Tinder

1

I like the navigation bar of Tinder app.
Indeed, a click on one button (left for settings, right for Chat), involves a slide.

In Ionic, using tabs, only “back button” (meaning back in history) involves a slide to the left.
However, in Tinder app, when we click on the settings icon, although it’s a new entry in the navigation history, a slide to the left is made.
The slide is made regarding the navbar button position: left => slide to the left, right => slide to the right.

Is there a feature like this in Ionic?

Here’s a link that sums up the request: http://stackoverflow.com/questions/25698271/ios-tinder-twitter-like-slider-paging-navigation-and-menu

2

It’s not a feature of ionic yet. (Already requested https://github.com/driftyco/ionic/issues/3134)
You could use this: https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox.
Or put something together yourself with ionic slidebox and a custom header.

1 Like