Mobile app :  status bar text colors
Question
Application Type
Mobile

We are working on a OutSystems mobile application which is full screen end to end. In order to get the transparent status bar in full screen app we Applied the following property in  extensibility configurations (as mentioned in documentation)

{

   "preferences":{

      "global":[

         {

            "name":"StatusBarOverlaysWebView",

            "value":"true"

         }

      ]

   }

}

Problem: We are getting full screen by the above property but on white screen background status bar icons and texts are not visible specifically for Android devices. 

Note: We have checked and our Outsystems UI is updated as well. 

I am attaching 2 screenshots of Android mobile app

  1. First where background is blue and white status bar text is visible
  2. Second where background is white and white status bar text is not visible 

I am also attaching a screenshot of same OutSystems iOS mobile app where white status bar text is automatically changed to black when the background is white to contrast it.  




Please suggest.

Regards

Hi,

I think you must specify the following properties in  extensibility configurations:

The StatusBarStyle property defines the style of the status bar style. You can see more information in https://success.outsystems.com/Documentation/10/Delivering_Mobile_Apps/Customize_Your_Mobile_App/Customize_the_Application_Status_Bar

The behaviour in Android and IOS is different if you don't specify explicitly the StatusBarStyle property.

Kind regards, David.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.