ios - 在 ionic 2 应用程序中更改 iOS 状态栏颜色

Question

我正在按照 ionic 2 文档设置 iOS 状态栏颜色，但它不起作用。状态栏文本是白色的，这意味着在我的白色背景上它是不可见的。

我在我的应用程序构造函数中放入的代码是:

    StatusBar.overlaysWebView(true);
    StatusBar.styleDefault();

我使用以下方法导入了 StatusBar:

import {StatusBar} from 'ionic-native';

我还检查了是否安装了 cordova s​​tatusbar 插件。

Answer 1

你可以尝试像这样在config.xml中添加这个，你想要设置的颜色的十六进制值:

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

对于 ngCordova 或 ionic-native 你可以使用

  $cordovaStatusbar.styleColor('black');

  $cordovaStatusbar.styleHex('#000');

---

或者您查看状态栏 cordova 插件 github 页面，有一些方法可以更改状态栏的颜色:https://github.com/apache/cordova-plugin-statusbar

对于 Android:

if (cordova.platformId == 'android') {
    StatusBar.backgroundColorByHexString("#333");
}

适用于 iOS

在 iOS 7 上，当您将 StatusBar.statusBarOverlaysWebView 设置为 false 时，您可以通过颜色名称设置状态栏的背景颜色。

StatusBar.backgroundColorByName("red");

支持的颜色名称是:

black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown

或者
通过十六进制字符串设置状态栏的背景颜色。

StatusBar.backgroundColorByHexString("#C0C0C0");

也支持 CSS 速记属性。

StatusBar.backgroundColorByHexString("#333"); // => #333333
StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by a hex string (#RRGGBB).

在 WP7 和 WP8 上，您还可以将值指定为#AARRGGBB，其中 AA 是 alpha 值