当前位置 : 主页 > 手机开发 > ios >

ios – 无法更改$cordovaStatusbar文本颜色

来源:互联网 收集:自由互联 发布时间:2021-06-11
我的Ionic应用程序的状态栏出现问题.更具体地说,无论我采用何种风格,我都无法更改条形默认颜色. 我已经检查过ngCordova并且cordovaStatusbar插件已经正确安装. 代码链 app.run(function ($ionicP
我的Ionic应用程序的状态栏出现问题.更具体地说,无论我采用何种风格,我都无法更改条形默认颜色.

我已经检查过ngCordova并且cordovaStatusbar插件已经正确安装.

代码链

app.run(function ($ionicPlatform, $cordovaStatusbar) {

  $ionicPlatform.ready(function () {

        // Color the iOS status bar 
        if (window.StatusBar) {
            $cordovaStatusbar.overlaysWebView(true);
            $cordovaStatusbar.styleHex('#f50'); 
        }
    });
});

这是我使用离子模拟ios命令在xCode模拟器中得到的结果.

xCode simulator statusbar

编辑:

经过多次测试后,我认为问题更深入. .show()或.hide()方法都不起作用.

app.run(function ($ionicPlatform, $cordovaStatusbar) {

  $ionicPlatform.ready(function () {

        $cordovaStatusbar.hide(); //not hiding the status bar
    });
});
来自插件 github page

On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false,
you can set the background color of the statusbar by a hex string
(#RRGGBB).

所以我通过以下方式实现了这个目标:

>确保ngCordova是installed
>将OverlaysWebView设置为false并设置颜色.

if(window.StatusBar) {
   $cordovaStatusbar.overlaysWebView(false);
   $cordovaStatusbar.styleHex('#FF0000') //red
}

enter image description here

网友评论