1

ホームスクリーンに追加し、iOS ステータスバーの背景色とテキスト色を変更したい Ionic でプログレッシブ Web アプリを構築しています。

私がしたこと

インストールしました： "@ionic-native/status-bar": "^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 がダーク モードになっているため、ステータス バーが黒くなることです。私が望むのは、ダーク モードであるかどうかに関係なく、常にステータス バーの背景を白、テキストの色を黒にすることです。

私はすでに多くのことを試しましたが、どれもうまくいきませんでした:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>

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

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

上記の 1 番目と 2 番目のオプションでは、ステータス バーの背景とテキストの色が白になり (ステータス バーがまったく表示されないことを意味します)、3 番目のオプションでは何も変更されませんでした (背景はまだ黒のままです)。

4

1 に答える 1