StatusBar: Cannot set style after hiding splash screen without waiting

[korb-sc]

Bug Report

Plugin(s)

 "@capacitor/splash-screen": "^7.0.1",
 "@capacitor/status-bar": "7.0.1",

Capacitor Version

Latest Dependencies:

  @capacitor/cli: 7.4.2
  @capacitor/core: 7.4.2
  @capacitor/android: 7.4.2
  @capacitor/ios: 7.4.2

Installed Dependencies:

  @capacitor/ios: not installed
  @capacitor/cli: 7.4.2
  @capacitor/core: 7.4.2
  @capacitor/android: 7.4.2

[success] Android looking great! 👌

Platform(s)

Android

Current Behavior

I cannot set the status bar style to "Light" directly after hiding the splash screen.
The call to await StatusBar.setStyle({ style: Style.Light }); does not seem to have any effect, resulting in white text on white background.

Expected Behavior

I want to be able to change the status bar style after hiding the splash screen.

Code Reproduction

I have provided a sample application here:
https://github.com/korb-sc/statusbar-demo/tree/main

You should be able to run this application in an Android emulator with API-Level 35.

There seems to be some kind of timing problem. I added an alert after hiding the status bar here: https://github.com/korb-sc/statusbar-demo/blob/a55e69dbcc546863e92ab6435d1cde957c4df8ca/src/app/app.component.ts#L23.
After closing this alert, the status bar text switches to dark as expected.

[graemeenglish]

I have this problem also although I'm setting the status bar style in the capacitor.config.json =>
"StatusBar": { "overlaysWebView": false, "style": "LIGHT", "backgroundColor": "#ffffffff" },

If I remove the splash screen plugin I get the correct status bar style without making any further API calls.

When using the SplashScreen plugin (auto hide false) I can also confirm that after hiding the splash screen in code I need to introduce a delay before setting the status bar style or it is ignored.

[rbalet]

I confirme that removing the splash screen plugin does indeed fix the problem.

Although the status bar flash white before turning to black (in case you'll want a black status bar background colour)

[graemeenglish]

This seems to also affect the use of the safe-area plugin in the same way
capacitor-community/safe-area#50

[MarianBeuther]

this is still happening and caused me a huge headache until i found this issue here

[veneliniliev]

I have this problem also although I'm setting the status bar style in the capacitor.config.json => "StatusBar": { "overlaysWebView": false, "style": "LIGHT", "backgroundColor": "#ffffffff" },

If I remove the splash screen plugin I get the correct status bar style without making any further API calls.

When using the SplashScreen plugin (auto hide false) I can also confirm that after hiding the splash screen in code I need to introduce a delay before setting the status bar style or it is ignored.

Yes, I can confirm the same behavior. Adding a small delay after hiding the splash screen makes it work, but it’s not really a good or reliable solution. It seems like the status bar style update is being ignored if it runs too soon after the splash screen hides.

Has anyone found a proper fix or a better workaround for this?

[jcesarmobile]

This is a know issue of the Android 12 Splash screen API, it won't let make any UI changes while doing animations, and the splash screen plugin has a default fade out animation of 200ms, so you have to wait at least 200 ms before doing UI changes such as status bar style change.

You can disable the fade out animation with the launchFadeOutDuration by setting it to 0 (so there is no animation)

You can also set the status bar text style from styles.xml file by adding <item name="android:windowLightStatusBar">true</item> to the AppTheme.NoActionBar style so you don't need to programmatically set it.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of the plugin, please create a new issue and ensure the template is fully filled out.