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輸入狀態欄：

import { StatusBar } from 'ionic-native'; 

Answer 2

在你的config.xml這是目前在項目的根改變這些線或者如果不存在則添加。

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