generate - ¿Cómo eliminar la barra de estado de iOS con Phonegap Build?

phonegap generate apk

Question

¿Es posible deshacerse de la barra de estado en iOS7 al usar Phonegap Build 3.1? Puedo eliminar la barra de estado cuando construyo localmente en Xcode, pero tan pronto como pruebo Phonegap Build, está de vuelta.

1. ¿Hay una preferencia de configuración para eliminar la barra de estado por completo?
2. Si no, ¿es posible superponer la barra de estado en la parte superior de la vista de la aplicación y establecerla en un fondo transparente?

No quiero que la barra de estado empuje hacia abajo la vista de la aplicación 20px, que es el caso ahora.

Answer 1

A partir de Phonegap 3 ahora puede personalizar archivos plist a través de config.xml.

Código:

<gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance" overwrite="true">
<false/>
</gap:config-file>

Answer 2

Agregue esta función al archivo MainViewController.m:

//fix not hide status on ios7
- (BOOL)prefersStatusBarHidden
{
return YES;
}

Answer 3

Con Cordova, tuve que hacer realmente 2 cosas.

1. Cuando construyo con XCode que establecí en Target-> Estilo de barra de estado en -> HIDDEN esto ocultaría la barra de estado al inicio en su pantalla de inicio.

2. Debes ocultarlo también en el dispositivo listo con el complemento. De lo contrario, reaparecerá. Para hacer eso, instale el plugin:

cordova plugin add org.apache.cordova.statusbar

y llámalo en el dispositivo listo:

StatusBar.hide();

Answer 4

Esto funcionó para mí:

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

Estoy trabajando en Android.

Answer 5

Estoy utilizando lo siguiente en config.xml, que elimina por completo la barra de estado, probada en iOS 7.0.3 y 7.0.4, Phonegap versión 3.0.0 si eso ayuda.

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

Answer 6

He respondido esto para eliminar la barra de estado por completo en tu pregunta anterior

La parte esencial:

Lo hice funcionar maravillosamente en Cordova 3.6 + iOS 7.1. Y teniendo en cuenta que iOS 7 y 8 tienen un 50% de cuota de mercado, esta solución debería ser suficiente.

Plugin que estoy usando: org.apache.cordova.statusbar

En lugar de usar StatusBar.hide() utilicé:

var hideSb = function(){
// StatusBar.hide;
cordova.exec(null, null, ''StatusBar'', ''hide'', [''Ehi'', ''You'']);
};

Answer 7

Por lo general, debe editar el info.plist y agregar esta clave:

 <key>UIViewControllerBasedStatusBarAppearance</key><false/>

Pero como no puedes hacer esto en la compilación, tendrás que agregar un complemento:

https://github.com/phonegap-build/StatusBarPlugin/blob/master/README.md

Y entonces:

StatusBar.hide ();

Answer 8

Simplemente instala el complemento de la barra de estado (estoy usando Cordova 5.x):

cordova plugin add [email protected]

El en su código solo hace referencia a su variable global y usa .hide ():

StatusBar.hide()

Answer 9

haga clic en el archivo "nombre del proyecto-Info.plist" debajo de la carpeta de proyecto raíz de XCode, se le mostrará una IU donde puede ver las entradas clave vs valores, puede agregar / eliminar claves, agregar una nueva clave, solo busque "Estado" la barra está inicialmente oculta " y establece" SÍ "como el valor.