Splash Screen Messing Status Bar Color/Style
See original GitHub issueDescription of the problem: When starting an app, during the Splash Screen, the Status Bar will first set it’s style/background color to the one defined my project, then the screen will blink, the Status Bar will be automatically set to its default style (Black background with white text) and only when the splash screen hides, it’ll show my custom style again (either the one in the XML file, or inside my angular application defined via the Plugin). I need to be able to define the status bar color and style shown during the Splash Screen.
Affected platform
- Android
- iOS
- electron
- web
OS of the development machine
- Windows
- macOS
- linux
Other information: -
Capacitor version: 1.1.0
node version: v11.8.0
npm version: 6.9.0
CocoaPods version: -
Steps to reproduce: Create a brand new project, build project for the first time and open in Android Studio. Then set the Status Bar style either by:
<item name="android:windowLightStatusBar">true</item>
<item name="android:statusBarColor">#ecf0f1</item>
or define some custom colors via:
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
or Set the Status Bar color via the Plugin:
this.platform.ready().then(() => {
StatusBar.setBackgroundColor({ color: '#ecf0f1' });
StatusBar.setStyle({ style: StatusBarStyle.Light });
SplashScreen.hide();
});
Issue Analytics
- State:
- Created 4 years ago
- Reactions:12
- Comments:13 (4 by maintainers)
Top GitHub Comments
Hello there. I realise this thread is closed and the PR merged, but… is it really solved? I’m still facing this issue … What about you, guys? @sbannigan? @jcesarmobile?
Regards!
It’s still happening for me, and I can’t find any way around it. Does anyone have a workaround, however ugly it is ?