WeChat Mini Programs, when a mobile phone with a virtual navigation bar hides the virtual navigation bar, the height of the page that cannot be monitored by web-view has changed.

WeChat Mini Programs"s web-view page, when a device similar to Huawei mobile phone makes the operation of hiding the virtual navigation bar, the onresize,vh and other operations of the page cannot listen for a height change, resulting in a blank area at the bottom.

Apr.05,2021

I have the same problem now. So far, only one wx.onWindowResize (function callback) has been found.
doesn't know how to solve it yet.

< hr >

used another method, referring to Mini Program of ele.me.

get Mini Program's screen height directly when entering the page, and set the same height to the outermost layer. There is a menu at the bottom of the
page, so that even if the virtual key is hidden, the page will not collapse. The disadvantage of
is that there is a background color below, and the height is the height of the hidden button.

< hr >

attach the effect

Menu