如何删除iOS上Ionic Webview顶部的空间？

Question

这是我第一次使用Ionic开发.

我试图删除我的应用程序中的状态栏.现在,iPad应用程序的状态栏已被删除.但是,我的Iconic视图顶部仍有一个空格(我认为其大小与状态栏相同).我已经使用此代码设置了Javascript文件以隐藏状态栏,但它无法正常工作.

ionic.Platform.ready(function() {
// hide the status bar using the StatusBar plugin
StatusBar.hide();
// ionic.platform.fullScreen();
});

我怎样才能解决这个问题或者我做错了什么？谢谢.

这是在Web浏览器和iOS模拟器之间进行比较的图像

• 网络浏览器 http://i58.tinypic.com/2iuxmk6.png

• iOS http://i62.tinypic.com/eqxpfs.png

Answer 1

我有同样的问题.我用了:

ionic.Platform.ready(function() {
  //hide the status bar using the StatusBar plugin
  if(window.StatusBar) {
    // org.apache.cordova.statusbar required
    StatusBar.hide();
    ionic.Platform.fullScreen();
  }
});

ionic.Platform.fullScreen(); 是我项目中的事情.这消除了顶部的空间.

Answer 2

您是否安装了这样的状态栏插件：

$ cordova plugin add org.apache.cordova.statusbar

只有在此之后，您才能删除状态栏：

angular.module('myApp', ['ionic'])

.controller('MyCtrl', function($scope) {
  ionic.Platform.ready(function() {
    // hide the status bar using the StatusBar plugin
    StatusBar.hide();
  });
});