NativeScript 全屏 webview 无弹跳

Question

我如何在 NativeScript 全屏中制作一个 webView，包括状态栏。不仅隐藏状态栏，还隐藏状态栏后面的 webview，就像这个 cordova 一样。

以及如何阻止 scrolling/bouncing

的 webview

谢谢

更新：

我的意思是 statusbar/fullscreen 和 cordova 在 cordova 中是状态栏透明和 Web 视图全屏。

另一个问题是关于弹跳的，在 cordova 中我可以防止 webview 在 config.xml

中弹跳吗

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

更新：

弹跳的解决方法是这样的：

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

如何让状态栏透明？

Answer 1

我没有关注你关于状态栏和 Cordova 的问题。然而对于弹跳，最简单的选择是使用这个插件，它已经有两个 iOS/android 的本机代码来删除滚动弹跳。看这里：https://github.com/TheOriginalJosh/nativescript-swiss-army-knife#common-functions

如果您可以详细说明您想对状态栏执行的操作，我可以提供帮助。我有一个博客 post 详细介绍了 android 状态栏和导航栏，以及您可以通过几行代码在本机上执行的一些操作。 https://bradmartin.net/2016/03/10/fullscreen-and-navigation-bar-color-in-a-nativescript-android-app/

Answer 2

解决方案在最后。

ios:

将其放入 plist 文件中以制作状态栏 "transparent"

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

创建一个 ios 仅包含此内容的文件，但状态栏下的 webview

#webView{
  margin-top: -20;
}

并将此添加到页面加载功能中以防止弹跳的webview

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

android:

简单多了但是这个在webview的page wrapper中隐藏了titlebar

actionBarHidden="true"

希望对大家有所帮助

NativeScript full screen webview without bounce