How to permanently put the tabview at the bottom in Android and style the tab items in NS-Vue


#1

Working with Tab Items in NS-Vue


#2

There should be nothing special you do for Vue.js. Did you try setting androidTabsPosition to bottom?


#3

yeah I did… doesn’t work


#4

It works like charm, not sure what you may be missing but here is the playground sample.


#5

still doesn’t work, here is mine on Play ground https://play.nativescript.org/?template=play-vue&id=mLlWHB… anything I did wrong?


#6

Always post a working example, either declare the custom component inside tabs / replace them with some static UI components.


#7

Hi, I can replicate your code on the Playground site but If I copy your working code and paste on a Vue template file (*.vue) it won’t work.

If there any way to test .vue files on the Playground ???


#8

Hey @el_alienx the problem is probably the ns-core-module version , i was have the same issue. When i update the core-module the problem was solved. make sure you have the tns-core-module 4.0 or higher. I’m also using the nativescript-vue


#10

Hi Alexrili your suggestion is totally correct.

I updated the tns-core-modules from the package.json on the root and the template/package.json.

I can confirm that it works on the Android emulator running Nougat!


#11

Thank you alot for theses detailed information!


#12

Really Appreciate for the details mentioned. But in my case even after upgrading tns-core-modules to 4.2.0 its unable to put tabs at bottom in Android (V 6.0) on real device (on emulator i have not tried).


#13

Were you able to reproduce the issue with Playground?


#14

good point… Actually when i ran through Playground it is working fine. its from the local dev setup where its unable to run (as expected “bottom tab” thing). even though it has the same dependencies and app scaffold like in playground.