离子无法使状态栏覆盖

Question

我在Android上遇到Ionic的一些问题。我认为当我更新我的应用程序的Ionic版本时出现了问题。问题是状态栏没有覆盖webview。我尝试在config.xml中将StatusBarOverlaysWebView首选项设置为true，并且我尝试调用全局StatusBar对象的不同方法但没有成功。我可以控制状态栏的背景颜色和可见性，但我无法覆盖webview。这就是它现在的样子

Answer 1

不幸的是，cordova-plugin-statusbar is only supported by the iOS platform中的StatusBarOverlaysWebView方法：

  

StatusBar.overlaysWebView
  在iOS 7上，使状态栏覆盖或不覆盖WebView。

StatusBar.overlaysWebView(true);

     

<强>描述
  在iOS 7上，设置为false以使状态栏显示为iOS 6.设置样式和背景颜色以适应其他功能。

     

支持的平台
  的iOS

这是一些其他方法。检查下面的链接（但它似乎不再起作用） http://www.martinadamko.sk/posts/translucent-bar-android-278

或者

这个怎么样？
最简单的方法如下：

/* ionic 2 app.ts */
import { Component } from '@angular/core';
import { Platform, ionicBootstrap } from 'ionic-angular';
import { StatusBar } from 'ionic-native';

@Component({
  template: '<ion-nav [root]="rootPage"></ion-nav>',
})
export class App {
  private rootPage: any;

  constructor(private platform: Platform) {
    this.rootPage = LandingPage;

    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      StatusBar.styleDefault();

      // Status bar theme for android
      if (platform.is('android')) {
        StatusBar.styleLightContent();
        StatusBar.backgroundColorByHexString('#c42626');
      }
    });
  }
}

结果如下：