¿Cómo eliminar el espacio en la parte superior de Ionic Webview en iOS?

Es la primera vez que desarrollo mi Ionic.

Intenté eliminar la barra de estado en mi aplicación. Ahora, se eliminó la barra de estado de la aplicación iPad. Sin embargo, todavía hay un espacio en la parte superior de mi vista icónica (que creo que el tamaño es el mismo que la barra de estado). Ya he configurado el file Javascript usando este código para ocultar la barra de estado, pero no está funcionando.

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

¿Cómo puedo resolver este problema o hice algo mal? Gracias.

Aquí está la comparación de imágenes en el browser web y el simulador de iOS

  • Navegador web http://img.javascriptes.com/javascript/2iuxmk6.png

  • iOS http://img.javascriptes.com/javascript/eqxpfs.png

Yo tuve el mismo problema. Solía:

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

The ionic.Platform.fullScreen (); era la cosa de mi proyecto Eso elimina el espacio en la parte superior.

¿Ha instalado un complemento de barra de estado como este?

 $ cordova plugin add org.apache.cordova.statusbar 

Solo después de eso, puedes eliminar la barra de estado:

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

Tal vez su solución podría ayudar … this.statusBar.overlaysWebView(true);