Splash Screen plugin overrides status bar styles

[marcjulian]

Bug Report

Plugin(s)

• @capacitor/[email protected]
• @capacitor/[email protected]
• @hugotomazi/[email protected] (also effected)

Capacitor Version

💊   Capacitor Doctor  💊 

Latest Dependencies:

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

Installed Dependencies:

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

[success] Android looking great! 👌

Platform(s)

Android

Current Behavior

Changing the styles of StatusBar and NavigationBar is overridden when the @capacitor/splash-screen plugin is installed in the project.

ngOnInit(): void {
    if (Capacitor.getPlatform() === "android") {
      StatusBar.setStyle({ style: Style.Dark });
      StatusBar.setBackgroundColor({ color: "#ef4444" });
      NavigationBar.setColor({ color: "#ef4444" });
    }
  }

Expected Behavior

The StatusBar and NavigationBar styles should be applied as in the case without the @capacitor/splash-screen plugin.

Code Reproduction

https://github.com/marcjulian/ng-cap-status-bar

Other Technical Details

Additional Context

[jcesarmobile]

This is a bug on the Android 12 Splash Screen API, when using setOnExitAnimationListener (which Splash Screen uses), it won't allow to make modifications to the device UI while the splash screen is present if it has an exit animation listener.

Android 12 Splash Screen API is bundled into the OS now, so there is nothing we can do about it, only google can fix those kind of issues.
We are considering adding a configuration option for not adding the exit animation listener, which would cause the splash to not have a fade out animation, but would not present the issue neither.

A workaround for your app would be to set the status bar and navigation bar color from the styles
Add this to the AppTheme.NoActionBar style in styles.xml file.

<item name="android:navigationBarColor">#ef4444</item>
<item name="android:statusBarColor">#ef4444</item>

closing as duplicate of #1160 as the problem is the same

[marcjulian]

Thanks for the clarification of the bug in Android 12 Splash Screen. Your propose workaround works perfect for me, thanks.

[tobiloeb]

I checked the code for the StatusBar Plugin and found this line:
windowInsetsControllerCompat.setAppearanceLightStatusBars(!style.equals("DARK"));

So I can fix the text color issue when set the following to my styles:
<item name="android:windowLightStatusBar">true</item>

May this helps someone else.

[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.