美文网首页
2020-07-08

2020-07-08

作者: corners_summer | 来源:发表于2020-07-08 10:46 被阅读0次

解决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

相关文章

网友评论

      本文标题：2020-07-08

      本文链接：https://www.haomeiwen.com/subject/tqsqcktx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|2020-07-08|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！