Phonegap Cordova - Schwarze Statusleiste am unteren Bildschirmrand
Ich habe dieses Problem so lange, wie ich mich erinnern kann. Ich dachte, es wäre vielleicht von meinem Handy oder der Emulation gekommen, aber nach dem Veröffentlichen meiner App sehe ich immer noch dieses schwarze Rechteck am unteren Bildschirmrand, das wie die Statusleiste aussieht.
Das passiert, nachdem ich dies in meiner config.xml habe
%Vor%Screenshot:
AKTUALISIEREN
Ich habe bemerkt, dass der untere schwarze Balken verschwindet, wenn ich das Spiel MINIMIERE und klicke es sofort wieder hoch (seltsam).
Ich habe versucht, ein neues Projekt zu erstellen, und dasselbe passiert, sobald ich die Vollbildpräferenz in config.xml eingestellt habe.
Es sieht so aus, als ob der obere Balken nach unten verschoben wird & gt; _ & gt;
7 Antworten
Scheint, dass das Problem darin besteht, die Dimensionen der Zeichenfläche zu definieren. Das habe ich vor einiger Zeit gelöst, also bin ich mir nicht sicher, ob das das Problem behebt:
%Vor%Versuchen Sie auch, Ihre index.css-Datei zu löschen
Ich habe das gleiche Problem mit nur <preference name="Fullscreen" value="true" /> in meinem config.xml erlebt.
Ich dachte zuerst an die Android-Statusleiste, hatte aber einige Nachforschungen zu diesem Thema und bekam nun eine sehr starke Überzeugung, dass dieses Problem von einer anderen Android-System-Benutzeroberfläche stammt, die erst nach Beendigung des Cordova-Wrappers versteckt wurde falsch berechnete Größe für den Wrapper.
Nach langem Suchen und Ausprobieren von allem, was Sie auch erwähnt haben, bin ich auf ein Plugin gestoßen:
Ich verwende dies jetzt in der confix.xml
%Vor% Und dies direkt in der ersten Phase der Methode ausgelöst am deviceready
Getestet bisher mit Android 6.0, 5.0.1 mit Hardware-Navigation und Software-Navigationsgeräten. Vielleicht könnte dir das auch helfen.
Standardmäßig füllt das DOM nur den Platz, der zum Rendern seines Inhalts benötigt wird. Beim Festlegen eines Elements height:100%; wird die Höhe relativ zur Höhe des übergeordneten Elements festgelegt. Wenn das sichtbare Element die Höhe des Bildschirms haben soll, können Sie das Element height:1vh; als Höhe Ihres Bildschirms festlegen. Dies kann jedoch zu einem unerwarteten Scroll-Verhalten führen. Eine andere Methode besteht darin, alle übergeordneten Elemente height:100%; beginnend mit dem HTML-Dokument zu setzen.
in css:
Vielleicht möchten Sie die Anzeige- / Leinwandgröße nach Änderungen abfragen.
Dieses schwarze Band sieht so aus, als hätte es die gleiche Größe wie die oberste Statusleiste des Systems. Daher vermute ich, dass Ihre App die Ansichtsfenstergröße empfängt, unmittelbar bevor die Statusleiste vom System entfernt / animiert wird.
Sie können cordova hooks verwenden, um den android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen" fix auf AndroidManifest.xml anzuwenden, oder Sie können <edit-config> in config.xml verwenden, beginnend mit [email protected] :
<widget ... xmlns:android="http://schemas.android.com/apk/res/android">
...
<edit-config file="AndroidManifest.xml" mode="merge"
target="/manifest/application/activity">
<activity android:theme="@android:style/Theme.NoTitleBar.Fullscreen" />
</edit-config>
...
</widget>
Quelle: Cordova Vollbild-Splash Bildschirm auf Android zeigt immer noch Titelleiste
Ich hatte das gleiche Problem. Mit dem cordova status bar plugin habe ich es behoben: Ссылка
Installiere das Plugin:
%Vor%Entfernen Sie die Fullscreen-Einstellung in config.xml und fügen Sie stattdessen das Plugin hinzu:
%Vor%Rufen Sie StatusBar.hide () auf, um die Statusleiste in JavaScript auszublenden. Beispiel:
%Vor%
Ich stehe vor dem gleichen Problem. Es passiert meistens im Querformat für mich. Ich habe eine Samsung s7 und eine Samsung Tab2. auf dem s7 passiert es einmal über 20 mal Auf der Registerkarte2 passiert es die ganze Zeit. Ich kann erkennen, wenn etwas nicht stimmt, indem ich die Körperhöhe im Vergleich zur Bildschirmhöhe (in Korrelation mit dem Pixelverhältnis) überprüfe
Ich habe den AndroidFullScreen und den Trick angewendet Bis jetzt ist alles auf dem Tablet fixiert, kein dunkler Balken am Boden mehr. Aber für die s7 habe ich immer noch dieses Problem. Das s7 hat ein Pixelverhältnis von 4 das tab2 das Pixelverhältnis ist 1
Tags und Links javascript android cordova statusbar config