Question

有没有办法将Cordova应用程序（Android和iOS）上的状态栏设置为透明？如果我不使用Cordova StatusBar插件，iOS上的状态栏将是透明的，但它也会与导航栏重叠。在Android中，它将具有一些默认颜色。如果我使用StatusBar插件，我必须设置一个颜色值，该值将应用于Android和iOS。我在网上找到的所有可能的解决方案都不适合我。有什么想法吗？

更新07 / 12-17 我尝试了一些不同的解决方案，但没有任何作用，所以我有另一个问题。无论如何在应用程序的不同页面上的状态栏上设置不同的颜色吗？

Answer 1

截至2020年，以下解决方案似乎是iOS唯一可行的方法。

安装： cordova-plugin-statusbar 2.4.3

<script type="text/javascript" src="cordova.js" />
<script type="text/javascript">

    if (this.platform.is('ios')) {
   Plugins.StatusBar.setOverlaysWebView({overlay: true});
   Plugins.StatusBar.setBackgroundColor({color: '#33000000'});
}
</script>

Answer 2

我刚发现它，在文档中没有提及，但它很简单：

<preference name="StatusBarBackgroundColor" value="transparent" />

Answer 3

如果您不希望状态栏重叠，请设置此首选项

<preference name="StatusBarOverlaysWebView" value="false" />

Cordova应用程序上的透明状态栏

3 个答案: