首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter TextEditingController clear不会重置错误消息

Flutter TextEditingController clear方法用于清空文本编辑器中的文本内容,但不会重置错误消息。

在Flutter中,TextEditingController是一个控制文本编辑器的控制器类。它可以用于获取和修改文本编辑器中的文本内容,并且还可以监听文本内容的变化。

clear方法是TextEditingController类的一个方法,用于清空文本编辑器中的文本内容。当调用clear方法时,文本编辑器中的文本将被清空,但是与错误消息相关的状态不会被重置。

通常情况下,当用户输入的内容不符合要求或者发生错误时,我们可以使用TextEditingController的setError方法来设置错误消息。这个错误消息可以在文本编辑器的下方或者其他位置显示给用户。当用户重新输入正确的内容后,我们可以调用clear方法来清空文本编辑器中的内容,但是错误消息仍然保留,以提醒用户之前的错误。

举个例子,假设我们有一个登录表单,其中包含用户名和密码的文本编辑器。当用户输入错误的用户名或密码时,我们可以使用TextEditingController的setError方法来设置错误消息。当用户点击清空按钮时,我们可以调用clear方法来清空文本编辑器中的内容,但是错误消息仍然显示给用户,以提醒用户之前的错误。

在腾讯云的产品中,与Flutter相关的产品包括腾讯云移动开发平台(https://cloud.tencent.com/product/mapp),该平台提供了一站式的移动应用开发解决方案,包括移动应用开发、测试、部署、运维等各个环节的服务和工具。此外,腾讯云还提供了丰富的云计算产品和服务,如云服务器、云数据库、云存储等,可以满足不同开发需求的云计算场景。

注意:以上答案仅供参考,具体的产品和服务选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter 专题】08 小小优化【登录】页面

和尚刚开始在编辑内容块 content 时,以为涉及的 widget 元素不多,所占不会超过屏幕,所以根 widget 使用的是 body: new Container(),但是在点击文本框 TextField...和尚查了一下官网,调整方式很简单,将根 widget 调整为 body: new ListView(),Flutter 中的 ListView 不仅代表列表 (ListView/RecycleView)...Tips: 对话框中 barrierDismissible: false, 属性,若为false,点击对话框周围,对话框不会关闭;若为true,点击对话框周围,对话框自动关闭。 ? ? ?...相关注意 Flutter 提供了很多便利的小图标,使用起来非常方便,和尚但就一个小【×】找到了好几个类似的图,希望可以多多尝试,体验一下。..._phonecontroller = new TextEditingController(); TextEditingController _pwdcontroller = new TextEditingController

1.4K51

Flutter组件学习(三)—— 输入框TextFiled

序言 Google 前两天发布了 Flutter 1.0 正式版本,正式版发布之后,LZ身边越来越多的人都开始入坑了,不得不说 Flutter 框架的魅力还是很吸引人的哈,所以我们更要抓紧学习了;之前我写了两篇文章来介绍...1TextEditingController _textEditingController = new TextEditingController(); 2 3new TextField( 4...); 9 _textEditingController.clear(); 10 }, 11 child: Text('清除'), 12) 2、focusNode 这个属性可以用来监听输入框是否获取...} 15} 16 17new TextField( 18 focusNode: _focusNode, 19) 3、decoration 这个属性用来设置输入框的一些样式,比如前后图标,提示文字,错误文字...3 this.labelText, //顶部提示文字(获取焦点之后会移动到输入框上方) 4 this.labelStyle, 5 this.helperText, //底部提示文字(不会移动

2.4K50

Flutter 快速解析 TextField 的内部原理

它的出现主要是为了 Web/Desktop 平台,通过增加了 FocusTrapArea 之后,在 Web/Desktop 平台执行 TextEditingController.clear 的时候,...InputDecorator 关于 InputDecorator 的内部参数解析这里就不多说,以前在书里已经有详细介绍过,用过 TextField 的大家对于 InputDecorator 应该也不会陌生...image 也就是当 FocusNode 和 TextEditingController 这两者发生改变的时候,会让 InputDecorator 重新 rebuild 从而改变渲染效果,例如:输入框输入内容时...以上示例来自 《Introduction to State Restoration in Flutter》 。...因为输入框的内容默认保存在了 TextEditingController 的 TextEditingValue 里,所以这里用的是 RestorableTextEditingController 。

2.2K30

Flutter | 常用组件

而在 iconfont 中,只是将位码对应的字形做成了图标,所以不同的字符最终就会渲染成不同的图标 在 Flutter 中,iconfont 和图片相比有如下优势 1,体积小 2,矢量的图标,放大不会影响清晰度...InputDecoration( suffixIcon: IconButton( icon: Icon(Icons.close), onPressed: () { controller.clear...(); }, ), 通过 suffixIcon 可以设置右侧内图标,并且可以设置点击事件 错误文字提示 TextField( controller: controller, decoration...提供了一个 Form 组件,他可以对 输入框进行分组,然后统一进行一些操作,如内容校验,重置,保存等 Form 继承自 StatefulWidget 类,对应的状态为 FormState,定义如下:...VoidCallback onChanged, }) 复制代码 autovalidate:是否自动校验输入内容,当 为 true 时,每一个自 FormField 都会自动校验合法性,并直接显示错误信息

11.4K30

Flutter 中键盘弹起时,Scaffold 发生了什么变化

最近刚好有网友咨询一个问题,那就顺便借着这个问题给大家深入介绍下 Flutter 中键盘弹起时,Scaffold 的内部发生了什么变化,让大家更好理解 Flutter 中的输入键盘和 Scaffold...image 其实解决这个问题很简单,那就是只要把 Scaffold 的 resizeToAvoidBottomInset 配置为 false ,结果如下图所示,键盘弹起后底部按键和 FloatButton 不会再被顶上来...FloatButton 不会再被顶上来,其实这个行为是因为 Scaffold 的 body 大小被 resize 了。...class MainWidget extends StatelessWidget { final TextEditingController controller = new TextEditingController...image 那么到这里,你知道如何在 Flutter 里正确地去获取键盘的高度了吧?

1.6K20

Flutter+Dart聊天实例|flutter仿微信聊天|红包|朋友圈

Flutter_Chatroom聊天室项目是基于flutter+dart技术开发的跨平台聊天实战案例,基本实现了登录/注册表单验证、消息表情发送、图片预览、红包/视频/朋友圈等功能。...支持自定义红点大小、颜色,默认数字超过99就...显示; 360截图20200513091117720.png class GStyle { // 消息红点 static badge(int..., border: OutlineInputBorder(borderSide: BorderSide.none) ), controller: _textEditingController...focusNode: _focusNode, onChanged: (val) { setState(() { editorLastCursor = _textEditingController.selection.baseOffset...聊天消息滚动到最底部,使用的是ListView里controller控制器jumpTo方法实现 ScrollController _msgController = new ScrollController

6.7K31

Flutter 像素编辑器#02 | 配置编辑

本系列,将通过 Flutter 实现一个全平台的像素编辑器应用。...源码见开源项目 【pix_editor】 《Flutter 像素编辑器#01 | 像素网格》 上一篇完成了 Flutter 像素编辑器的点击交互,绘制像素。...如下所示,是 Flutter 像素编辑器的第二版: 1. Flutter 像素编辑器布局结构 在桌面端中,第二版将应用划分为五个区域: 顶部菜单栏 MenuToolBar :放置菜单以及操作按钮。...rowCtrl = TextEditingController(text: config.row.toString()); late TextEditingController columnCtrl...这里可以通过 read 方法,让绘制区不建立依赖关系,这样更新时 EditorArea 不会重新构建,仅通知画板进行更新: 5、性能方面 目前 100*100 的网格中,需要绘制 10000 个方格,此时

15210
领券