解决react native webview引入h5页面，在iOS上，input聚焦键盘弹起留有空白，键盘收起空白还在的问题

7756413e-7417-47e3-8c72-c5524322b2ba.jpg

在iOS中，当软键盘弹出后，页面会被软键盘顶上去，从而改变了window.scrollY的值，当软键盘收起后，页面停留在当前scrollY偏移的位置。

image.png

这样子解决之后，发现只解决了失去焦点之后，键盘收起空白还在的问题；但键盘弹起有空白的问题还在；

我最开始关注点一直在h5页面上，但一直没有想到解决办法，后来我发现可能跟webview有关，键盘弹起时页面高度会发生变化，那么我们就需要在键盘弹起时让页面的高度随着变化；

这样有了比较清晰的思路，就可以通过监听键盘的弹出收起来控制页面的高度

image.png
image.png

这样一来就解决了这个问题了，OK，解决了

14151691-1108-4708-9387-5bbae01a4fd6.jpg