Cordova / Phonegap:WP8.1 Navbar重叠

时间:2015-03-30 09:21:20

标签: cordova windows-phone-8 windows-phone-8.1 navbar

我的cordova应用程序是为WP 8.0 Target构建的。 在没有硬件按钮而是使用可切换导航栏的WP8.1设备上运行时,HTML内容会被导航栏重叠。隐藏导航栏时,导航栏的黑色背景会保留并仍然与HTML重叠。也可以滚动整个webview,这样我就可以看到重叠的内容以及webview的内容。

是否可以防止这种重叠或阻止滚动整个网页视图?

1 个答案:

答案 0 :(得分:2)

我遇到了完全相同的问题。这可能发生在具有软键的设备上的Windows Phone 8.1上,因为cordova Web视图被拉伸到屏幕的整个高度,因此它出现在软键/导航栏的后面。

使用JavaScript检测导航栏的存在或高度是不可能的,因为cordova似乎是为Windows Phone 8编写的而不是8.1(至少4.3是我正在使用的)它甚至无法访问更新的8.1 ​​API,允许它对导航栏作出反应。

为此,我为我的应用程序编写了一个Cordova插件来处理这个问题。当应用程序启动时,它会自动调整Web视图的大小以考虑导航栏/软键。如果用户通过从底部向上滑动或者如果用户将手机旋转到横向(导航栏/软键出现在右侧/左侧,而不是右侧/左侧),它还会调整导航栏/软键周围的Web视图的大小。底部)

您还可以添加一个事件监听器,当软键/导航栏发生变化时会触发该事件监听器,它会向您发送高度。

我只测试了我的应用程序,但我希望它适合你。

https://github.com/taroquu/CordovaNavbarPlugin