Appcelerator Titanium: Cannot set TabGroup Nav Bar to hidden

1
votes

I'm trying to use the TabGroup in Titanium Alloy, but hide the tab group buttons at the bottom of the screen.

In their documentation there is a property called navBarHidden, which it says will hide the bar if it is set to true. But it doesn't work.

<Window>
    <TabGroup id="mainTabGroup" navBarHidden="true" class="container">
        <Tab id="tab1" title="Tab 1">
            <Window id="win1" title="Tab 1">
               <Label id="label1" color="#999">I am Window 1</Label>
            </Window>
        </Tab>
        <Tab id="tab2" title="Tab 2">
            <Window id="win2" title="Tab 2">
                <Label id="label2" color="#999">I am Window 2</Label>
            </Window>
        </Tab>
        <!-- Use the Require tag to include external Ti.UI.Tab views -->
    </TabGroup>
</Window>

Am I missing something here?

1
javascripttitaniumappceleratortitanium-alloy
you are programming to android or ios ? – Netzach
ideally for both, if that's possible? – shrewdbeans
navBarHidden is just for android – Netzach
anyway try with yourWindow.hideNavBar(); preferably in an event listener – Netzach

1 Answers

1
votes

I found out the problem. I need to put a Window inside a tab element and then add the tabBarHidden property. So my view XML file looks like similar to this:

<TabGroup id="mainTabGroup">

    <Tab>
        <Window id="mainWindow" title="The Title" tabBarHidden="true">

        </Window>
    </Tab>

</TabGroup>

And in my controller:

$.mainTabGroup.open();