Flutter——踩坑之旅(webview_flutter 加载H5 包含输入框时页面跳转键盘无法收回)

程序猿日常

flutter填坑——webview_flutter 加载H5 包含输入框时页面跳转键盘无法收回

问题描述

使用官方webview库 webview_flutter: ^0.3.22+1 ,在加载H5页面中,包含input标签输入框。
问题1:输入框获取焦点后,键盘弹出,Android出现输入的内容不显示,需要输入两次或多次才能输入成功,实际上是输入框没有真正获取焦点,可以注意下键盘的变化,可以输入的时候键盘右下角显示前往,输入后不显示的情况键盘右下角显示的回车,不同键盘展示的可能不同。

问题2:键盘弹出后,输入完成后,输入框失去焦点后,页面跳转等情况,键盘无法收起。

处理方法

问题1:暂未处理,有好的办法解决,麻烦大佬留下解决方法

问题2:布局上覆盖一个flutter的输入框TextField,通过focusNode来控制TextField的焦点,给H5提供个交互方法,该方法的功能是,先让TextField获取到焦点,再延迟1s中使TextField失去焦点,可以间接让键盘进行隐藏。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五个木

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值