How to hide the soft navigation bar on Android wit

Question

Please can someone point to an example of how to hide the navigation bar on android, using Appcelerator.

NOT the action bar, nor the title bar. I can make these hide. I want to make a completely fullscreen app, and hide the navigation bar

thanks

Answer 1

What you want is possible since Titanium 5.2 by using <fullscreen>true</fullscreen> in tiapp.xml.

See Hide Soft Navigation Bar in the Release Notes.

Answer 2

What you are trying to achieve is called immersive fullscreen mode, it is possible to do it from android 4.4, but it seems that Titanium don't support the flag; there is a module that does this thing, haven't personally tried it but probably will do what you need.

Answer 3

In the tiapp.xml file:

<fullscreen>true</fullscreen>
<navbar-hidden>true</navbar-hidden>

In the app.tss or index.tss:

'Window':{
    navBarHidden:true,
    tabBarHidden:true,
    fullscreen:true
}

And in the index.js:

$.index.addEventListener("open",function() {

    if(OS_ANDROID) $.index.activity.actionBar.hide();
});