Ionic 2 - 画面上部の色を変更してください。

Question

Android用のIonic 2でアプリを作成しました。

Ionic 2でスマートフォン画面の上部にある色を変更することが可能かどうかを知りたいと思います。

たとえば、Whatsapp画像では画面の上部が緑色で、私のアプリでは黒いです。私は明るい赤に切り替えるには、これは可能ですか？

Answer 1

あなたは、ステータスバーの色を設定することによって、これを達成することができます。あなたのplatform.ready blockにこれを入れて

：

platform.ready().then(() => { 
     StatusBar.backgroundColorByHexString("#34af23"); //change this to your color 
    } 

をおそらくあなたもionic-nativeからステータスバーをインポートする必要があります。プロジェクトのルートに存在しているあなたのconfig.xmlに

import { StatusBar } from 'ionic-native'; 

Answer 2

は、これらの行を変更追加しない場合は追加してください。

<preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="your color" />