Cordova/Phonegap : WP8. 1 导航栏重叠

Question

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

是否可以防止这种重叠或防止整个 webview 的滚动？

Answer 1

我也遇到过同样的问题。在带有软键的设备上的 Windows Phone 8.1 上可能会发生这种情况，因为 cordova Web View 会拉伸(stretch)到屏幕的整个高度，因此它会出现在软键/导航栏后面。

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

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

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

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

https://github.com/taroquu/CordovaNavbarPlugin