我正在Ionic中构建一个渐进式web应用程序，我想将其添加到我的主屏幕，并更改iOS状态栏的背景色和文本色。

我所做的

我安装了："@ionic-本地/状态栏"："^5.0.0"

在index.html我定义：

  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="default"/>

在app.component.ts：

    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });

这里的问题是状态栏将是黑色的，因为我的iPhone处于黑暗模式。我想要的是，无论我是否处于黑暗模式，状态栏背景始终为白色，文本颜色始终为黑色。

我已经尝试了很多方法，但都不奏效：

    this.platform.ready().then(() => {
      this.statusBar.overlaysWebView(false);
      this.statusBar.backgroundColorByName('white');
      this.splashScreen.hide();
    });

上面的第一个和第二个选项只是把状态栏背景和文本颜色放在白色（这意味着你根本看不到状态栏），第三个选项没有改变任何东西（背景仍然是黑色）。