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