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 狀態欄黑色半透明,跟上面一樣的效果,電池時間都是白色的,適合深色背景;