Barra de estado blanca en iOS Phonegap?

¿Cómo hacer que la barra de estado superior sea translúcida con text en blanco en Phonegap 3.1.0 para iOS7?

La aplicación se ve bien en el Safari mobile, pero cuando bash ejecutarlo en el text de Phonegap en la barra superior es blanco solo mientras se carga la aplicación, después de eso es negro sin importar qué configuration establezca en la configuration del proyecto.

En este momento, <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> en la página web y "Status Bar Style" = "Black Translucent" en XCode … doesn no ayuda

¡Por favor ayuda!

Puede hacer esto sin ninguna metalabel ni editar nada en XCode.

Primero, instale el complemento de barra de estado a través de CLI:

 cordova plugin add cordova-plugin-statusbar 

Luego puede usar estas preferences para diseñar la barra de estado (en config.xml):

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

Esto le dará una barra transparente en iOS 7 con text en blanco. Para otras opciones, consulte http://plugins.cordova.io/#/package/org.apache.cordova.statusbar

finalmente, encontré una solución.

Asegúrate de tener los siguientes: En tu index.html tienes la siguiente label meta:

 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

En Xcode, abra [YourPrjectName] .plist y agregue las siguientes líneas:

"Estilo de barra de estado" = "Estilo negro transparente (alfa de 0.5)" Y
"Visualización de la apariencia de la barra de estado basada en el controller" = "NO"

Sin segunda línea no funcionará (en realidad, ese fue el problema en mi caso).

Si usa la construcción de phonegap, puede llamar

 StatusBar.styleLightContent(); 

https://github.com/phonegap-build/StatusBarPlugin

Eche un vistazo al siguiente enlace, espero que esto pueda ayudarlo.

http://devgirl.org/2014/07/31/phonegap-developers-guid/

Añadir esta

 function onDeviceReady() { if (parseFloat(window.device.version) === 7.0) { document.body.style.marginTop = "20px"; } } document.addEventListener('deviceready', onDeviceReady, false); 

El problema de la barra de estado en iOS7

http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/

Pensé que una respuesta más actualizada puede ayudar a alguien aquí, esto funciona en cordova 3.7+ e iOS 8.x y niega la necesidad del complemento adicional.

En el file Plist del proyecto, asegúrese de que la "Barra de estado está inicialmente oculta" y "Ver la apariencia de la barra de estado basada en el controller" están ambas configuradas en "NO".

Luego, en MainViewController.m, inside - (void)viewDidLoad add:

 [[UIApplication shanetworkingApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES]; 

o

 [[UIApplication shanetworkingApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES]; 

para text blanco o negro en su barra de estado.

Alternativamente para ocultarse por completo, establezca ambos attributes plist arriba en YES, que parece funcionar para ocultarlo.