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" />