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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic 3应用程序将iOS状态栏字体颜色更改为白色相关的知识,希望对你有一定的参考价值。

enter image description here

我的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();
    });
  }

它没有帮助。

答案

如果您没有状态栏的ng-cordova插件。然后你可以这样做 -

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})
另一答案

也许你可以尝试进入你的platform.ready()。then(()=>方法

 StatusBar.overlaysWebView(false);
 StatusBar.backgroundColorByHexString('#00FFFF');
另一答案

我找到了解决方案。这个对我有用

  statusBar.overlaysWebView(true);
  statusBar.backgroundColorByHexString('#1f2933');

以上是关于Ionic 3应用程序将iOS状态栏字体颜色更改为白色的主要内容,如果未能解决你的问题,请参考以下文章

Ionic 3 Android 应用程序的状态栏文本颜色为深色或黑色

单击按钮时更改状态栏颜色 - iOS

iOS 7:如何在一个视图控制器中将状态栏文本颜色更改为白色,在第二个视图控制器中更改为黑色?

更改状态栏的颜色 [重复]

Delphi更改IOS状态栏颜色

无法将状态栏颜色更改为半透明黑色 [重复]