ios - 将Ionic 3应用程序的iOS状态栏字体颜色更改为白色

Question

我的config.xml

<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarStyle" value="lightcontent" />

我的app.component

import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
      statusBar.styleLightContent();
      splashScreen.hide();
    });
  }

它没有帮助。

Answer 1

就我而言，我需要更改状态栏的背景色和 IOS 中的内容颜色。

首先我需要安装插件。

ionic cordova plugin add cordova-plugin-statusbar
npm install --save @ionic-native/status-bar@4 // version 4 since ionic 3

然后在app.comopenet.ts中添加

  constructor(statusBar: StatusBar, platform: Platform) {
      platform.ready().then(() => {

          statusBar.overlaysWebView(false);
          // overlaysWebView must set to false if you change the background color in iOS with ionic (hence I am using backgroundColorByHexString method )

          statusBar.backgroundColorByHexString('#c8102e');
          // used above hex color code to set the status bar background color 

          statusBar.styleLightContent();
          // above function  will change the status bar content (icon , text)

          statusBar.show();
          // finally shows the status bar
      });
  }

最后我得到了我所需要的