2016-08-08 13 views
0

Wie kann ich ein WebView in NativeScript Vollbild einschließlich der Statusleiste erstellen. Verstecken Sie nicht nur die Statusleiste, sondern das Webview hinter der Statusleiste, wie dies Cordova tut.NativeScript Vollbildansicht ohne Bounce

Und wie kann ich die Webansicht Scrollen verhindern/Prellen

Danke

UPDATE:

, was ich meine mit dem statusbar/Vollbild und cordova ist in cordova ist die Statusbar transparent und die Webansicht im Vollbildmodus.

enter image description here

und die andere Frage ist, über das Prellen, in cordova kann ich verhindern, dass die Webansicht mit diesem in der config.xml vom Aufprall

<preference name="webviewbounce" value="false" /> 

Update:

Der Lösung für den Sprung ist das:

var webView = page.getViewById('webView'); 
webView.ios.scrollView.bounces = false 

Wie kann die Statusleiste transparent gemacht werden?

Antwort

1

Die Lösung war am Ende.

ios:

diese put in der plist-Datei zu machen, die Statusbar "transparent"

<key>UIStatusBarStyle</key> 
<string>UIStatusBarStyleLightContent</string> 
<key>UIViewControllerBasedStatusBarAppearance</key> 

erstellen ios nur mit diesem Inhalt Datei aber die Webansicht unter der Statusleiste

#webView{ 
    margin-top: -20; 
} 

und fügen Sie dies der Seite geladen Funktion zu verhindern, dass die Webansicht der Prellen

if(page.ios){ 
     webView.ios.scrollView.bounces = false 
    } 

android:

ist viel einfacher, aber dies in der Seitenumhüllung der Webansicht der Titelleiste zu verstecken

actionBarHidden="true" 

Ich hoffe, das jemand

+0

Beachten Sie, hilft, dass in einigen Fällen, dass der iOS Der Status kann in der Höhe verdoppelt werden, beispielsweise wenn die Netzwerkfreigabe oder ein laufender Anruf aktiv ist (der blaue/grüne Balken). Keine Ahnung, wie man danach fragt. –

0

Ich bin nicht Ihre Frage in Bezug auf die Statusleiste und Cordova. Für das Bouncen ist die einfachste Option jedoch, dieses Plugin zu verwenden, das bereits den systemeigenen Code für iOS/Android hat, um den Scroll-Bounce zu entfernen. Siehe hier: https://github.com/TheOriginalJosh/nativescript-swiss-army-knife#common-functions

Wenn Sie ein wenig mehr erweitern können, was Sie mit der Statusleiste machen wollen, kann ich Ihnen helfen. Ich habe einen Blog-Post mit Details über die Android-Statusleiste und Navigationsleiste und ein paar Dinge, die Sie nativ dazu in ein paar Zeilen Code tun können. https://bradmartin.net/2016/03/10/fullscreen-and-navigation-bar-color-in-a-nativescript-android-app/