How to hide the soft navigation bar on Android with Titanium? - android

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


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.


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();
});


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.

Related

How do I remove this in my Flutter application?

In my flutter application, I want to remove this gestures footer. I have redmi phone. I don't want this to be visible in my app. Can I do this?

I think it is just another version of the bottom navigation bar:
How to hide android's bottom navigation bar in flutter

How to disable android navigation bar when soft keyboard is enabled?

when an android soft keyboard is enabled via the interaction with an input field, the navigation bar is also enabled along with the keyboard. Is there any way to disable/hide the navigation bar in this case?
This is implemented in Unity#d, but if a solution is available in android, it can be added as plug-in to unity as well. Any direction or solution is helpful, thanks.
app supported API version is from 22 to 32.

If you want a easier option You could just set the Fullscreen mode to Fullscreen Window
Android Player settings -> Resolution and Presentation
As the Documentation reads
In this mode the navigation bar is always hidden. This replaces the Start in fullscreen mode option.
still I'd suggest having a look at Unity tidbits
When implementing it in your Unity project, you can hide or show the Navigation Bar or Status Bar via code. so you could just check OnPointerClick and when it happens set
ImmersiveAndroid.navigationBarState = ImmersiveAndroid.States.Hidden;

Hiding default navigation bar in app on Android devices

Currently working on a fullscreen mobile app, building using react-native. I have managed to hide the status bar and default navigation bar on Android devices. However, when I start to put in text input tags that prompts a keyboard on the screen, the default navigation bar re-appears and could not be hidden even I've dismissed the keyboard.
Is there any way to prevent the default navigation bar re-appears when the keyboard pops up?
The reasons are that I need to remove the navigation bar to have enough space to locate the needed components on the app UI design. If the navigation bar re-appears the design will be messed up. Thank you for any advice.

I think this is what you're looking for:
static navigationOptions = {
header: null,
};
Put this on top of each screen

Page scrolling issue in cordova app

I am facing an issue in my cordova app i.e after using #android:style/Theme.DeviceDefault.NoActionBar.Fullscreen to hide status bar in splash screen and main activity and status bar plugin to hide status bar in js pages but some pages in my app doesn't scroll down.
Kindly suggest
Thanks in advance

If you are using the Android theme to hide the status bar and navigation bar you can remove the plugin you were using for hiding the status/navigation bar. It may be conflicting.

How to implement iOS 7 style top tab bar or navigation bar on Android?

On iOS 7, there is a tab bar/navigation bar like below image
Is there a control similar to the style of it on Android? I did see some apps implemented this styled navigation bar.

I agree you should not implement IOS features in Android.
Also I don't know where you got the picture for the IOS app, but an IOS app has a tab bar controller which shows its tabs at the bottom of the sreen. It also has a navigation controller which does in no way look like your screenshot.
https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewControllerCatalog/Chapters/TabBarControllers.html
That being said you can use tabs in the actionbar. http://developer.android.com/design/building-blocks/tabs.html

The control I described is actually called SegmentedControl which does have Android implementation. Below are a few of them:
https://github.com/hoang8f/android-segmented-control
https://github.com/peshkira/android_segmented_control
https://github.com/nairteashop/SegmentedControl
Hope someone find it helpful

Categories

Resources