Flutter中输入法框显示状态下打开一个弹出对话框冲突异常的半完美解决办法

原创

于 2020-02-29 11:43:41 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

当在Flutter应用中，输入法开启状态下点击弹出对话框时，会出现UI异常。通过设置输入框焦点控制器，使其在弹出对话框前失去焦点并延迟200毫秒，能有效解决这个问题。虽然简单，但能解决问题。

标题有点哗众取宠，锁瑞。
看下面这张图
在这里插入图片描述
我们来分析一个场景，下面正在输入信用额度，点击帐单日那一条，会弹出对话框供选择，此时输入法框并未消失，对话弹出框UI直接顶到了输入框，强制把输入框踢走，异常产生。
解决办法：
１，关闭输入框
２，在输入法框还未完成关闭的时候，延时小段时间

步骤：
１、设置输入框焦点控制器。

//在类文件中新增焦点控制器
FocusNode creditlimitFocus = FocusNode();
//在TextField上绑定焦点控制器
TextField(
　keyboardType: TextInputType.number,
　maxLines: 1