Feature: Change the location of TabView tabs

[PetyaSotirova]

Currently, tabs are at the bottom on iOS and on top in Android apps but there have been various requests to customize this for both platforms.

• Ability to have tabs at the bottom on Android in accordance with recent material design guidelines
• Research and consider giving users the ability to show tabs on top on iOS

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[giscafer]

@PetyaSotirova support in 3.0? ViewBase ?

[suresh-selvaraj]

Any release plan yet?

[Pinny3]

Any news on this topic?

[drice]

This was added in the Design Support Library:

https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html

There is also this plugin for nativescript:

https://github.com/rhanb/nativescript-bottombar

[Pinny3]

@tbsf

Thank you for the recommendation of the additional plugin. However, our intention is to use the standard TabView of NativeScript to avoid to use a different approach for iOS and Android. So, it would be very nice if the "standard" tabview could support the recent material design guidelines.

[bigradish]

@PetyaSotirova
Such a long time passed. Hope this feature can come soon. React Native already implemented it.

[simonpacis]

@bigradish Hopefully they'll implement it soon, but in the meantime, this should do the trick: https://gist.github.com/simonpacis/b68ca5e6cf38035bf57cdc8b5348910f

[bigradish]

@simonpacis Thank you. :)

[gabitoesmiapodo]

Thanks @simonpacis !

It would be great if this is included in TNS Core.

[Ross-Jo]

Wonder when the second feature('Research and consider giving users the ability to show tabs on top on iOS') will come out :)

[alereisan]

It would save deffinitely some time if we have the possibility to put the Tabs on Top in iOS, according to this Stackoverflow: https://stackoverflow.com/questions/29579992/positioning-uitabbar-at-the-top it should be possible..

But meanwhile <SegmentedBar> combined with Pager get the job done