android - Cordova Android状态栏设置为透明

Question

我正在尝试使用下面的插件将状态栏设置为透明。但我做不到，我可以把它改成不同的颜色，但不是透明的。 https://github.com/apache/cordova-plugin-statusbar

它也适用于我的 Android 5.0.2，但不适用于 5.0。

我试过像他们建议的那样省略 hexcode 值但不起作用，我尝试了下面的所有这些，没有一个将我的状态栏设置为透明。

<preference name="StatusBarBackgroundColor"/>

    <preference name="StatusBarStyle" value="lightcontent" />



if (cordova.platformId == 'android') {
StatusBar.styleBlackTranslucent();
}

Answer 1

我尝试了很长时间来解决这个问题。没有关于如何使状态栏透明的文档，包括 <ion-header> 的填充。

这就是我修复它的方法。在 app.component.ts 中准备好平台后:

if (this.platform.is('android')) {
   Plugins.StatusBar.setOverlaysWebView({overlay: true});
   Plugins.StatusBar.setBackgroundColor({color: '#33000000'});
}

如果您希望状态栏透明，请不要设置背景颜色。在我的例子中，它将是一个不透明度为 20% 的黑色状态栏。

并且不要忘记在app.module.ts 中导入其模块时强制使用Ionic 进行状态栏填充。否则你的标题会粘在状态栏上:

IonicModule.forRoot({_forceStatusbarPadding: true})

版本:

• ionic-native/status-bar: ^5.0.0
• 电容/安卓:^2.1.0