Android Status Bar hidden by default on Fullscreen App #14018

FizixTiramu · 2024-04-11T13:56:32Z

FizixTiramu
Apr 11, 2024

I feel like I am asking a lot of questions atm.

This is related to Android fullscreen styling.

I have a full screen app where the window layer fills the entire height and width of the screen and has a background image which is visible below the status and action bars (which are semi-transparent).

Then I'm using a windowSafeArea layer for screen content which is clamped to the available space below the devices top status bar and above android action bar. This works all correctly.

The only weird thing is that the top status bar on Android with the time and notifications is hidden by default, I have to pull it down from the top of the screen to show it. Then it animates out after a few seconds.

Is there a setting I'm not aware of that is causing this, and can it be controlled? Ideally, what I'd like is for the top status bar to be on screen all of the time, with a completely transparent background.

Window Layer config below:

if(Ti.Platform.osname == 'android') {
   windowFlagStr = Ti.UI.Android.FLAG_TRANSLUCENT_NAVIGATION | Ti.UI.Android.FLAG_TRANSLUCENT_STATUS | Ti.UI.Android.SOFT_INPUT_STATE_ALWAYS_VISIBLE;
   windowSoftInputModeStr = Ti.UI.Android.SOFT_INPUT_ADJUST_RESIZE;
}

var windowLayer = Ti.UI.createWindow({
   id: 'windowLayer,
   title: 'windowLayer',
   top: 0,
   left: 0,
   zIndex: 1,
   extendSafeArea: true,
   theme: 'Theme.Titanium.Light.Fullscreen',
   windowFlags: windowFlagStr,
   windowSoftInputMode: windowSoftInputModeStr,
   backgroundImage: '/assets/images/dynamic/appBackgroundImage.png',
});

Theme XML Below:

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<style name="appCustomTheme" parent="Theme.Titanium.Light.Fullscreen">
		<item name="android:statusBarColor">@android:color/transparent</item>
		<item name="android:windowTranslucentNavigation">false</item>
		<item name="android:navigationBarColor">#ededed</item>
		<item name="android:colorPrimaryDark">#ededed</item>
		<item name="android:windowBackground">#ededed</item>
		<item name="android:colorBackground">#ededed</item>
       </style>
</resources>

Answered by m1ga

Apr 11, 2024

See attached screenshot, this is how I want it to appear, however I want the statusbar up top to be visible all of the time on a transparent background.

The screenshot show the fullscreen layout, yes. But if you want to have the statusbar be visible it is a different layout. That should be the no_limits flag: #11911 (comment) and you can use this flag: https://titaniumsdk.com/api/titanium/ui/android.html#flag_layout_no_limits

View full answer

m1ga · 2024-04-11T15:31:34Z

m1ga
Apr 11, 2024
Collaborator

is hidden by default, I have to pull it down from the top of the screen to show it

isn't that the point of the fullscreen layout? Maybe the real question is: what kind of layout do you want to have 😄 ?

I feel like I am asking a lot of questions atm.

don't worry! That's the point of this section to ask and get help.

2 replies

FizixTiramu Apr 11, 2024
Author

What I want is for is the background image on the window layer to fill the entire screen and be visible underneath the status bar and nav bar. A fullscreen layout achieves this, so I presume that is what I need?

What I'm trying to achieve is:

The window layer to overflow underneath the status and nav bar, so that the background image is visible.
The status bar to be transparent and the action bar to be semi-transparent so you can see the background image underneath
The status bar to always be visible

See attached screenshot, this is how I want it to appear, however I want the statusbar up top to be visible all of the time on a transparent background.

m1ga Apr 11, 2024
Collaborator

See attached screenshot, this is how I want it to appear, however I want the statusbar up top to be visible all of the time on a transparent background.

The screenshot show the fullscreen layout, yes. But if you want to have the statusbar be visible it is a different layout. That should be the no_limits flag: #11911 (comment) and you can use this flag: https://titaniumsdk.com/api/titanium/ui/android.html#flag_layout_no_limits

Answer selected by FizixTiramu

FizixTiramu · 2024-04-11T16:50:02Z

FizixTiramu
Apr 11, 2024
Author

See attached screenshot, this is how I want it to appear, however I want the statusbar up top to be visible all of the time on a transparent background.

The screenshot show the fullscreen layout, yes. But if you want to have the statusbar be visible it is a different layout. That should be the no_limits flag: #11911 (comment) and you can use this flag: https://titaniumsdk.com/api/titanium/ui/android.html#flag_layout_no_limits

I see, I'll try that in a few. Thanks :)

0 replies

FizixTiramu · 2024-04-11T18:36:37Z

FizixTiramu
Apr 11, 2024
Author

Tested it with theme Theme.Titanium.Light.NoTitleBar and it now appears which is great. However, the bar is semi-transparent not fully transparent. From the links, this is done from a theme but I can't seem to find direction on which one. Any ideas on that?

1 reply

m1ga Apr 12, 2024
Collaborator

Sorry, I would need to search for that myself. It's normal native theming stuff so there should be more SO about that I guess.

FizixTiramu · 2024-04-12T21:16:01Z

FizixTiramu
Apr 12, 2024
Author

I've been having a look into it and I'm seeing posts say to set the statusbar colour programmatically, but it seems really inconsistent. So I'm going to leave it for now. Thanks for the help, the important thing is sorted :)

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Android Status Bar hidden by default on Fullscreen App #14018

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 4 comments 3 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Android Status Bar hidden by default on Fullscreen App #14018

FizixTiramu Apr 11, 2024

Replies: 4 comments · 3 replies

m1ga Apr 11, 2024 Collaborator

FizixTiramu Apr 11, 2024 Author

m1ga Apr 11, 2024 Collaborator

FizixTiramu Apr 11, 2024 Author

FizixTiramu Apr 11, 2024 Author

m1ga Apr 12, 2024 Collaborator

FizixTiramu Apr 12, 2024 Author

FizixTiramu
Apr 11, 2024

Replies: 4 comments 3 replies

m1ga
Apr 11, 2024
Collaborator

FizixTiramu Apr 11, 2024
Author

m1ga Apr 11, 2024
Collaborator

FizixTiramu
Apr 11, 2024
Author

FizixTiramu
Apr 11, 2024
Author

m1ga Apr 12, 2024
Collaborator

FizixTiramu
Apr 12, 2024
Author