状态栏不适用于Ionic应用程序

时间:2015-10-17 13:32:35

标签: ios ionic

正如你在这里看到的: enter image description here

由于某种原因,状态栏是"推送"我的固定标题向下几个像素。有没有办法解决它?

我无法在浏览器上进行调试,因为此问题仅在设备上发生。

我使用默认的Ionic应用程序,这就是我设置StatusBar的地方:

.run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
        if(window.StatusBar){
            StatusBar.styleDefault();
        }
    });
}) 

3 个答案:

答案 0 :(得分:1)

将手机连接到计算机并打开谷歌浏览器,然后您会看到此路线chrome:// inspect /#devices

这允许您调试手机

我希望它可以帮到你。

抱歉,问题是IOS

http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

它也适用于ios 9

答案 1 :(得分:0)

您是否尝试过将应用设置为全屏?

$ionicPlatform.ready(function() {

  if(window.StatusBar){
    StatusBar.styleDefault();
  }

  ionic.Platform.fullScreen();

});

答案 2 :(得分:0)

我认为您可以使用config.xml中的正确配置来解决此问题。 有关详细信息,请参阅https://github.com/apache/cordova-plugin-statusbar

<preference name="StatusBarOverlaysWebView" value="true" />