离子2 - 改变屏幕顶部的颜色

Question

我使用Ionic 2 for Android构建了一个应用程序。

我想知道Ionic 2是否可以更改智能手机屏幕顶部的颜色。

例如，在Whatsapp图像中，屏幕顶部为绿色，在我的应用程序中为黑色。我想换成浅红色，这可能吗？

Answer 1

在项目根目录中的config.xml中，更改这些行或添加（如果不存在）。

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

Answer 2

您可以通过设置状态栏的颜色来实现此目的。

将其放入platform.ready block：

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

您可能还需要从ionic-native导入StatusBar：

import { StatusBar } from 'ionic-native';