バウンスのないNativeScriptフルスクリーンwebview

Question

ステータスバーを含むNativeScriptフルスクリーンでwebViewを作成するにはどうすればよいですか？ステータスバーだけを隠すのではなく、このコードワードのようにステータスバーの背後にあるWebビューを非表示にします。

そして、どのように私は

UPDATEありがとう

をバウンス/スクロールのWebViewのを防ぐことができます。

何私はフルスクリーンステータスバー/を意味し、コルドバはコルドバにあることはステータスバー透明であり、 Web表示の全画面表示が可能です。

と他の質問は、バウンスについてですコルドバで私はconfig.xmlにこれでバウンスからWebViewのを防ぐことができます

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

更新：

ザ・バウンスの解決策は次のとおりです。

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

ステータスバーを透明にするにはどうすればいいですか？

Answer 1

解決策は終了しました。

IOS：

が

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

ステータスバーには、「透明」にするためにplistファイルでこれを置くためにこのコンテンツを持つファイルが、ステータスバーの下のWebViewが

#webView{ 
    margin-top: -20; 
} 

のみIOSを作成

これをページ読み込み機能に追加して、バウンスのウェブビューを防止します

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

アンドロイド：

がはるかに簡単ですが、これはWebViewののページラッパーにタイトルバー

actionBarHidden="true" 

を隠すために、私はこれは誰

Answer 2

私はステータスバーとCordovaに関してあなたの質問に従っていません。ただし、バウンスの場合、最も簡単な方法は、iOS/Android両方のネイティブコードが既に存在するこのプラグインを使用してスクロールバウンスを削除することです。ここをクリックしてください：https://github.com/TheOriginalJosh/nativescript-swiss-army-knife#common-functions

私がそこに助けることができるステータスバーで何をしたいかについてもう少し拡張することができれば。私はアンドロイドのステータスバーとナビゲーションバーの詳細と、コードのいくつかの行でそれをネイティブに行うことができるいくつかの事柄についてのブログ記事を持っています。 https://bradmartin.net/2016/03/10/fullscreen-and-navigation-bar-color-in-a-nativescript-android-app/