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

最新推荐文章于 2024-08-16 15:30:00 发布

jamesxchen

最新推荐文章于 2024-08-16 15:30:00 发布

阅读量987

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/jamesxchen/article/details/104570524

版权

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

摘要由CSDN通过智能技术生成

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

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

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jamesxchen

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Flutter高阶技术：如何实现自定义弹出菜单框

06-03

在Flutter开发中，自定义弹出菜单框是提高应用交互性和用户体验的重要手段。Flutter作为一个跨平台的移动开发框架，提供了丰富的API和工具，使得开发者能够轻松实现这样的功能。本篇文章将深入探讨如何在Flutter中...

flutter dialog中软键盘遮挡解决冲突

hzqit520的博客

01-01

1189

在dialog中代码软键盘冲突的解决方案; 主要价格这行代码: padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom), 完整代码: SingleChildScrollView( primary: true, reverse: true, physics: BouncingScrollPhysics(), padding: Ed...

参与评论您还未登录，请先登录后发表或查看评论

Flutter 空白处关闭键盘输入

qq_39694327的博客

07-07

1528

Flutter 空白处关闭键盘输入效果预览

Flutter 初识：对话框和弹出层

最新发布

yang_6799的博客

08-16

1660

Dialog 是一个 Flutter 小部件，用于显示对话框。

Flutter 点击空白处关闭软键盘，点击非TextField 关闭软键盘的方法

mengshirui_的博客

01-27

1205

此方法有个问题，就是点击非空白区域，不会关闭软键盘，比如点击旁边的其他按钮，则软键盘还在。只适合点击空白处关闭软键盘。此方法有个问题：点击所有地方都会先关闭软键盘。点击TextField 会先关闭软键盘，然后再重新弹出来。3：在TextField 添加此方法，在每个输入框中添加如下方法也可以实现。在 main.dart 入口 build 中增加。增加Listener 监听。

Flutter 学习之界面跳转坑

Raboter_king的博客

04-22

453

之前的时候学习过一段时间的Flutter，但是被项目中断了。所以，为了将之前的学习捡起来。那么，就重新学习了。???????????? 先讲一下遇到的坑。我再中文学习网的时候学习一个界面跳转的Demo。然后，对照着写着，就出现了。搭建可以看一下我的代码和原先的代码。这是我的：这是demo的：大家可能会看不出来，那么我就直说了。再 _saved.map((pair) { 之后应该加上...

Flutter输入框、界面被键盘遮挡问题解决

wangzhongITger的博客

09-04

5365

软键盘弹出遮挡

Flutter入门与实战：菜单弹出框

09-15

在本文中，我们将深入探讨Flutter框架中的菜单弹出框，这是一种常见的用户界面元素，用于提供多个操作选项。Flutter以其丰富的自定义能力和跨平台兼容性，为开发者提供了多种创建菜单弹出框的方式。让我们一起探索...

Flutter 超实用简单菜单弹出框 PopupMenuButton功能

10-16

`PopupMenuButton` 是 Flutter 框架中用于创建弹出式菜单的组件，它在多种场景下都非常实用，比如在 AppBar 的右上角设置一个下拉菜单。这个组件提供了简洁的接口和高度可定制性，使得开发者能够快速地为应用添加...

揭秘！一个高准确率的Flutter埋点框架如何设计

02-24

闲鱼将业务代码从Native迁移到Flutter上过程中，发现原先Native体系上的埋点方案无法应用在Flutter体系之上。而如果我们只把业务功能迁移过来就上线，对业务是极其不负责任的。因此，经过不断探索，我们沉淀了一套...

flutter_easy_popup:一种简单的显示自定义弹出窗口小部件的方法

05-20

显示浮动自定义弹出窗口小部件的一种简单方法。截屏例子截屏例子您可以通过以下命令运行示例。 cd ./example flutter create . flutter run 入门 dependencies : easy_popup : ^1.0.0 或者 dependencies...

输入框中点击任何地方都可以取消输入键盘

10-26

只需要在Activity中粘入这个方法即可

关于弹出框的使用方法

09-25

关于弹出框的使用方法，新人就可以使用，总之是个非常简单的案例

Flutter | 极简方式让所有页面点击空白处关闭键盘

无夜之星辰的博客

12-12

1567

简单得很

解决Flutter键盘弹起导致与输入框有间距问题（Flutter键盘弹起Scaffold布局流程）解析

上辈子作恶多端，这辈子写前端。

07-31

3017

一、在项目中遇到了个如下问题：当页面底部有个输入框，点击弹出键盘时；输入框与键盘之间有一段间距通过排除，最后找到了问题根源所在；原因是使用了这个屏幕适配框架导致的。此框架通过直接修改FlutterViewConfiguration()的size与devicePixelRatio达到适配的目的二、要解决这个问题，就需要了解键盘弹起整个页面做了哪些事情来入手了假设页面如下： void main() { runApp(MyApp()); } class MyApp extends B

【Flutter入门到进阶】Flutter基础篇---弹窗Dialog

Yvan

03-06

5800

通过继承Dialog实现自定义的弹窗所谓toast框其实就是在图层的最上面一层插入一个显示图层，在Flutter中利用OverLayEntry构建图层，然后通过Overlay进行插入。

Flutter-防京东商城项目-修改属性选择框点击重复弹出的问题.(点击穿透)-31

weixin_38716347的博客

09-05

163

一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。问题1:商品属性选择框属性加载重复的问题(不过我没有见过这个问题) attr[i].attrList.clear(); //清空数组里面的数据问题2:修改穿透的问题手势事件可以设置手势不穿透。 behavior:HitTestBehavior.opaque ,

flutter InputDialog 弹出输入框

qq_40837841的博客

04-13

1470

flutter InputDialog 弹出输入框

Flutter 点击输入框之外的地方时，输入框失去焦点

m0_68349563的博客

03-13

3411

本篇文章主要讲解怎么在点击输入框之外的地方时，让输入框失去焦点

flutter 弹出对话框

05-16

Flutter 中弹出对话框可以使用 `showDialog` 方法来实现。下面是一个简单的示例： ``` showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: Text("标题"), content:...