如何计算小程序的导航栏高度

是这样的

背景

我们的小程序是套壳webview的方式，所以小程序本身相当于一个浏览器，导航栏没有使用定制导航栏，就是原生的方式

那么对我们而言，我们从小程序展示webview，

除了高度之外没有其他需要的信息，这个高度呢，包含以下两个

1）状态栏，可通过api获取；

2）导航栏，需通过计算

问题

在我们webview的H5页面中，有个布局底部被遮挡了，我今天主要定位这个生产问题

1

第一部分是状态栏h1，第二部分是导航栏h2，下面是我们webview内H5的高度

100vh - h1 -h2

2

如果我们直接将webview H5的高度设置为100vh，那么会出现底部区域不可展示的问题

所以需要将h5的高度进行计算来获取

参考文章

自定义导航栏高度精确适配方案? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/0000ecde0e49a85a314c9d44d51013