ionic3 StatusBar 不显示问题

Posted 2021-01-16 opcec

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 状态栏黑色半透明，跟上面一样的效果，电池时间都是白色的，适合深色背景；