web-dev-qa-db-ja.com

iOSの背景色のステータスバー

IOSステータスバーの背景色を透明に設定するのに苦労しています。最新バージョンのCordovaステータスバーとionicを使用し、すべてをデフォルト設定のままにしますが、何らかの理由で白い背景色が表示されます。背景色を移植に設定するにはどうすればよいですか、これはとにかくデフォルト値ですが。

ios-statusbar

10
Yehia A.Salam

わかりましたので、以下を参照した後:

この問題はiOS 11およびcordova-ios-4.5.0で発生し、index.htmlで次のようにviewport-fitにカバー値を追加するだけで解決します。

   <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
16
Yehia A.Salam

luckystarr で管理されています。プラグイン cordova-plugin-statusbar は、やりたいことを達成するのに役立ちます。

プラグインを追加したら、config.xml黒い背景を取得する

<preference name="StatusBarBackgroundColor" value="#000000" />

ステータスバーのアイコンとテキストの色を変更するには、次を使用できます

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

利用可能な値は、default、lightcontent、blacktranslucent、blackopaqueです。

2
Arpit Vasani

これは私のために働いた:

  1. cordova plugin add https://github.com/Apache/cordova-plugin-statusbar.gitを実行します

  2. config.xml<preference name="StatusBarBackgroundColor" value="#" />タグ内に<platform name='ios'>を追加

  3. index.html<meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />を追加

  4. cordova build iosを実行します

  5. シミュレーターを起動します。

Screenshot of transparent statusbar

1
saintmarina

Statusbarプラグインを使用している場合は、最新バージョンに更新する必要があります(2.3.0がリリースされたばかりです)。プラグインのこの新しいバージョンは、iPhone Xのノッチを処理します。

ところで、この問題はcordova-iosバージョンとは関係ありません。iOS11 SDKでアプリをコンパイルするときのWebViewの新しい「機能」です(Xcode 8を次のように使用すると表示されません) SDK 10を使用します。 viewport-fit=coverは、この偽のステータスバーを削除する方法です。

0
jcesarmobile

以下を確認してください

window.cordova.plugins.StatusBar.overlaysWebView(false);

それは私のために働いた。

0
KAUSHIK PARMAR