[已解决]web-view在Android机型上高度不正确的问题

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型终端类型微信版本基础库版本
框架微信小程序 Bug 客户端 6.7.3 2.3.0

机型：小米6、一加3t、华为meta9、小米mix2等Android机型；
微信版本：6.7.3；
触发条件：导航栏样式设置为自定义时（app.json中配置为"navigationStyle": "custom"）；
bug现象：Android机型中web-view整个页面的高度会被加上微信小程序的导航栏的高度，导致内嵌页面中底部一部分元素无法显示（页面中若有固定置底的元素会非常明显）
以下截图分别是开发者工具中的调试效果和真机中的实际效果（开发者工具中导航栏与内嵌页面是顶部是重合的，底部正常显示，但是到了真机中，页面的顶部会显示在导航栏下方，页面高度在iOS机型上是正常的，可以看到底部元素能正常显示，而Android机型上就不对了，根本看不到position:fixed的元素）：

↑ 开发者工具中，iPhone6的效果

↑ 开发者工具中nexus5的效果

↑ 真机 Android机型中的效果

↑ 真机iPhone7P中的效果

另外，看到有同学很早之前就提了这个bug了，不知道为啥一直没有被重视：
微信小程序全屏模式下webview高度被截断

微信小程序开发问题解答

微信小程序开发者回答：

话说，这个问题影响哪些相关版本？

微信小程序开发者回答：

我们也是碰到了这个问题，不知道有没有解决呀。不行的话，就只能坐等官方兼容了。。。。。。

微信小程序开发者回答：

，文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

微信小程序开发者回答：

问题不是自定义导航栏有没有效果，而是在开启自定义导航栏样式后iOS和Android两种系统上的页面的高度不一致。Android机型上多了导航栏这么一截高度，这个才是问题所在。
详细请看下面截图：
alert的值取的$(window).height();
第一张图片是"navigationStyle": "custom"配置下的窗口高度；
第二张图片则是去掉这条配置后的窗口高度