如何在不删除 Ionic 3 的情况下使 iOS 上的状态栏透明？

Posted 2023-03-14

【中文标题】如何在不删除 Ionic 3 的情况下使 iOS 上的状态栏透明？

【英文标题】：How do I make the statusbar transparent on iOS without removing it in Ionic 3?

【发布时间】：2017-12-11 19:42:09

【问题描述】：

我在 Ionic 3 应用程序中使用状态栏在多个地方寻找解决方案。在 ios 上，当我调用 statusbar.hide 时，它​​似乎只是删除了对象但保留了占位符。您可以在下图中看到它：

如何使它透明但保留对象？我希望时间和数字在那里，但状态栏本身是透明的。

【问题讨论】：

你试过github.com/jeneser/ionic-super-bar吗？

我没有。但它似乎集中在 android 上，而我的问题出在 iOS 上。我希望在 Ionic 中找到解决方案，但我会看看 ionic-super-bar。

StatusBar.styleBlackTranslucent() 显然应该适用于 ios

【参考方案1】：

你可以在这里使用离子原生插件status bar。

styleBlackTranslucent()
Use the blackTranslucent statusbar (light text, for dark backgrounds).

这里是original repo for more details。

【讨论】：

这个还是没有解决。它使它半透明，但仍然非常明显。

我认为这是你可以使用这个插件的最大值。要设置带黑色文本的半透明，您可以使用此组合。 this.statusBar.styleBlackTranslucent(); this.statusBar.styleDefault();