码迷,mamicode.com
首页 > 其他好文 > 详细

ionic3 StatusBar 不显示问题

时间:2018-10-31 15:40:14      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:.com   ack   效果   添加   web   样式   ash   文件   for   

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

ionic3 StatusBar 不显示问题

标签:.com   ack   效果   添加   web   样式   ash   文件   for   

原文地址:https://www.cnblogs.com/opcec/p/9882832.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!