如何在Ionic应用程序中显示透明状态

Question

我需要在我的Ionic应用程序中显示透明状态栏，

所以我在我的应用中使用https://github.com/ekuwang/cordova-plugin-statusbar插件，它透明了我的应用状态栏，但它看起来像：

我希望状态栏透明，我的应用程序如下：

我谷歌很多，但我没有成功解决我的问题。请帮帮我。

Answer 1

您需要在标题或整个视图中添加padding-top css属性，因此它始终显示在状态栏下方。

Answer 2

您可以使用showUnderStatusBar()的cordova-plugin-fullscreen plugin函数实现此目的。

离子官方文档链接：https://ionicframework.com/docs/native/android-full-screen/

<强>安装

科尔多瓦：

cordova plugin add cordova-plugin-fullscreen

的PhoneGap：

phonegap local plugin add cordova-plugin-fullscreen

<强>用法：

AndroidFullScreen.showUnderStatusBar(successFunction, errorFunction);

插件的Github链接：https://github.com/mesmotronic/cordova-plugin-fullscreen

沉浸式应用的精彩教程：https://competenepal.com/immersive-android-application-in-ionic/