离子iOS白色状态栏

时间:2017-06-21 01:38:36

标签: ios css angularjs ionic-framework ionic-view

所以当我尝试在Ionic Viewer App上使用我的应用程序时,我目前遇到状态栏的问题,似乎即使我尝试设置状态栏的新样式,在iOS中背景颜色它有点透明但我希望它与标题的颜色相匹配,这样两者都融合在一起,使它看起来很棒。有什么方法可以将状态栏的颜色更改为蓝色,将文本更改为白色?我搜索并试图得到这个,但似乎没有用:

Status bar issue

1 个答案:

答案 0 :(得分:0)

试试这个:

 <ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu" color="light"></ion-icon>
    </button>
    <ion-title>home</ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="search" color="light"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

variables.scss中使用的颜色

$colors: (
  primary:    #2196F3,
  secondary:  #ff307f,
  danger:     #f44336,
  light:      #f4f4f4,
  dark:       #222
);

这是显示在android和iphone设备中的外观的图像: enter image description here