如何在启动时更改 phonegap/cordova 状态栏背景（启动画面）？

Posted 2023-04-18

【中文标题】如何在启动时更改 phonegap/cordova 状态栏背景（启动画面）？

【英文标题】：how to change the phonegap/cordova status bar background on startup(splash screen)?

【发布时间】：2016-07-01 12:08:55

【问题描述】：

我在我的测试手机上使用最新的官方版本的android，我正在使用cordova 6开发一个应用程序。

一切正常，但在启动过程中（前 3 秒/显示初始屏幕的时间）我得到一个黑色状态栏（默认状态栏），直到应用程序完全显示然后状态栏的颜色变为我在配置文件中设置的颜色。

我的问题是如何在启动过程中更改状态栏的颜色？完全隐藏它，直到它完成显示启动画面？

【问题讨论】：

只是确认...您希望在应用程序正常运行期间出现标题栏（在启动屏幕之后）？那么将您的应用设置为全屏可能不是正确的答案？

@SteveKennedy 不，我想在应用程序正常运行之前控制背景颜色。

【参考方案1】：

您可以使用插件控制状态栏的样式

https://github.com/apache/cordova-plugin-statusbar

通过设置首选项在 config.xml 中设置所需的状态栏颜色

<preference name="StatusBarBackgroundColor" value="#000000" />

如果你已经安装了上面提到的插件，你可以在你的代码中改变如下颜色。

StatusBar.backgroundColorByName("red");

关于在闪屏期间完全隐藏状态栏，

<preference name="fullscreen" value="true"/>

您可以使用代码显示状态栏（未测试）

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() 
    StatusBar.show();

希望对你有帮助。

【讨论】：

你看我的问题了吗？我可以使用您提到的控制状态栏的背景颜色，但我可以在显示初始屏幕期间做到这一点。

@Hamzar 设置首选项将更改应用程序的状态栏颜色，即使在初始屏幕中也是如此。然后，您可以根据您的代码要求更改颜色。我也更新了关于隐藏状态栏的答案。