2017-06-21 115 views
0

因此,当我试图在离子浏览器应用程序上使用我的应用程序时,我目前遇到了状态栏的问题,似乎即使我尝试设置状态栏的新样式,在iOS中背景颜色它有点透明,但我希望它匹配标题的颜色,所以两者融合使它看起来很棒。任何方式将状态栏的颜色更改为蓝色,文本更改为白色?我搜索,试图让这一点,但似乎并没有工作:Ionic iOS白色状态栏

Status bar issue

回答

0

试试这个:在variables.scss使用

<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> 

颜色

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

这里是图像显示这是如何在Android和iPhone设备中看起来像: enter image description here

+0

我不知道我把这个正确,我把它放在我的template.html,但没有工作,我应该在哪里试试这段代码? – Nerioth