Weiße status-Leiste in iOS Phonegap?

wie oben die status bar durchscheinend mit weißen text in Phonegap 3.1.0 für iOS7?

App sieht gut aus in Safari (Mobil), aber wenn ich versuche, führen Sie es in Phonegap text an der oberen Leiste ist weiß, nur beim app laden, danach ist es schwarz, egal welche Einstellungen ich im Projekt-config.

Jetzt haben <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> im web page & 'Status-Bar' - Stil = "Black-Translucent' in XCode... hilft nicht.

Pls help!

InformationsquelleAutor der Frage user3007104 | 2013-11-19

  1. 25

    Können Sie dies tun, ohne irgendwelche meta-tags oder Bearbeiten alles in XCode.

    Installieren Sie zuerst die statusbar plugin via CLI:

    cordova plugin add cordova-plugin-statusbar

    Dann können Sie verwenden Sie diese Einstellungen, um den Stil der Statusleiste (in config.xml):

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

    Dadurch erhalten Sie eine transparente Leiste in iOS 7 mit weißem text. Für andere Optionen, überprüfen Sie heraus http://plugins.cordova.io/#/package/org.apache.cordova.statusbar

    InformationsquelleAutor der Antwort rickdmer

  2. 10

    schließlich habe ich die Lösung gefunden.

    Stellen Sie sicher, dass Sie Folgendes:
    Bei Ihr index.html habe folgenden meta-tag:

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

    In Xcode öffnen [YourPrjectName].plist & fügen Sie folgende Zeilen ein:

    "Status-bar-style" = "Transparent black style (alpha 0.5)" UND

    "View controller-based status bar appearance" = "NO"

    Ohne zweite Zeile funktioniert nicht (eigentlich war das Problem in meinem Fall).

    InformationsquelleAutor der Antwort user3007104

  3. 2

    wenn Sie mit phonegap build können Sie rufen Sie 

    StatusBar.styleLightContent();

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

    InformationsquelleAutor der Antwort Leo Chen

  4. 1

    Werfen Sie einen Blick auf den unten stehenden link, hoffe das konnte dir helfen.

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

    InformationsquelleAutor der Antwort Gilana

  5. 0

    Fügen diese 

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

document.addEventListener('deviceready', onDeviceReady, false);

    Die Status Bar Problem in iOS7

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

    InformationsquelleAutor der Antwort Ved

  6. 0

    Dachte ich, ein mehr up to date, Antwort, kann jemand helfen hier, diese funktioniert in cordova 3.7+ und iOS 8.x und negiert die Notwendigkeit für das extra-plugin.

    In Ihr Projekt plist-Datei stellen Sie sicher, dass "Status-Leiste ist standardmäßig ausgeblendet" und "View controller-based status bar appearance" sind beide auf "NEIN" gesetzt

    Dann, in MainViewController.m, innen - (void)viewDidLoad hinzufügen:

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

    oder

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

    für schwarzen oder weißen text in der status bar.

    Alternativ zu verbergen, vollständig, legen Sie die beiden plist-Attribute, die oben für JA, die scheint zu funktionieren für Sie versteckt.

    InformationsquelleAutor der Antwort OliverJ90

  7. 0

    Kann zu spät sein, aber jemand anderes mit der gleichen Frage können dies beheben, durch die Installation unter plugins.

    cordova plugin add cordova-plugin-disable-ios11-statusbar --save

    Dann erstellen und ausführen der app das Problem gelöst werden

    InformationsquelleAutor der Antwort Canicious

Schreibe einen Kommentar