NativeScript全屏webview没有反弹

时间：2016-08-08 22:34:17

标签： nativescript

如何在NativeScript全屏幕中创建包含状态栏的webView。不要仅隐藏状态栏，而是隐藏状态栏后面的webview，例如执行此cordova。

我怎样才能阻止滚动/弹跳的webview

谢谢

更新

我的意思是状态栏/全屏和cordova在cordova中状态栏是透明的，网页视图是全屏的。

enter image description here

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

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

更新

反弹的解决方案是：

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

如何使状态栏透明？

2 个答案:

答案 0 :(得分：2)

解决方案已经结束了。

IOS：

将其放入plist文件中以使状态栏＆＃34;透明＆＃34; 

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

使用此内容创建仅限ios的文件，但状态栏下的webview 

#webView{
  margin-top: -20;
}

并将其添加到页面加载函数以防止webview弹跳

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

机器人：

更简单但是在webview的页面包装器中隐藏标题栏

actionBarHidden="true"

我希望这有助于任何人

答案 1 :(得分：0)

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

如果您可以进一步扩展您想要对状态栏执行的操作，我可以提供帮助。我有一篇博文，详细介绍了android状态栏和导航栏以及一些你可以用几行代码本机完成的东西。 https://bradmartin.net/2016/03/10/fullscreen-and-navigation-bar-color-in-a-nativescript-android-app/

相关问题
最新问题