我的Ionic应用程序的状态栏出现问题.更具体地说,无论我采用何种风格,我都无法更改条形默认颜色. 我已经检查过ngCordova并且cordovaStatusbar插件已经正确安装. 代码链 app.run(function ($ionicP
我已经检查过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模拟器中得到的结果.
编辑:
经过多次测试后,我认为问题更深入. .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 }