ionic3 StatusBar 不显示问题

import { StatusBar } from '@ionic-native/status-bar';

constructor(private statusBar: StatusBar) { }

...

platform.ready().then(() => {
      statusBar.styleDefault();
      splashScreen.hide();
      statusBar.overlaysWebView(true);
      statusBar.backgroundColorByHexString('#333333');
 });

上面添加到app.component.ts文件

然后在config.xml 添加

<preference name="StatusBarStyle" value="lightContent" />

修改value值即可,其中

styleDefault 状态栏默认样式,也就是电池信号黑色;
lightContent 状态栏内容浅色,貌似就是白色,适合深色背景;
blackTranslucent 状态栏黑色半透明,跟上面一样的效果,电池时间都是白色的,适合深色背景;

posted @ 2018-10-31 14:23  11个条子  阅读(1239)  评论(0)    收藏  举报