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

Question

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

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

我希望状态栏透明并且我的应用看起来像：

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

Answer 1

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

Ionic 官方文档链接：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/

Answer 2

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