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

当键盘关闭时,TextFormField值变得清晰

当键盘关闭时,TextFormField的值变得清晰是指在移动设备上,当用户点击输入框并弹出软键盘进行输入后,当用户关闭键盘时,输入框中的值会被清除。

这种行为通常是为了提供更好的用户体验,因为在移动设备上,键盘通常会占据屏幕的一部分空间,当用户完成输入后,关闭键盘可以释放屏幕空间,让用户能够更好地查看其他内容。

在Flutter中,可以通过设置TextFormField的属性来实现当键盘关闭时清除值的功能。可以使用TextEditingController来控制TextFormField的值,并在键盘关闭时清除值。

以下是一个示例代码:

代码语言:txt
复制
TextEditingController _controller = TextEditingController();

TextFormField(
  controller: _controller,
  decoration: InputDecoration(
    labelText: '请输入文本',
  ),
)

// 监听键盘关闭事件
WidgetsBinding.instance.addPostFrameCallback((_) {
  final bool keyboardOpen = MediaQuery.of(context).viewInsets.bottom > 0;
  if (!keyboardOpen) {
    _controller.clear(); // 清除输入框的值
  }
});

在上述代码中,我们创建了一个TextEditingController对象来控制TextFormField的值。然后,在键盘关闭时,通过监听键盘关闭事件来判断键盘是否关闭,如果键盘关闭,则调用_controller.clear()方法来清除输入框的值。

这样,当用户关闭键盘时,TextFormField的值就会变得清晰。

推荐的腾讯云相关产品:腾讯云移动推送服务(https://cloud.tencent.com/product/umeng_push)可以用于移动设备上的消息推送,提供了丰富的功能和易于使用的API,可以帮助开发者实现更好的用户体验。

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

相关·内容

  • Flutter 入门指北之输入处理(登录界面实战)

    包括提醒字样,hint 等等 TextInputType keyboardType, // 输入文本类型,例如 数字,email 等等 this.textInputAction, // 键盘确认按钮的事件类型...{ super.initState(); // 输入框获取到焦点或者失去焦点的时候回调用 _editNode.addListener(() { print('edit...) ], )), ); } } 这边需要提下的是 setState 方法,该方法只有 StatefulWidget 才有,需要修改某个的内容的时候...,通过该方法进行修改,最后的效果图如下,输入框文字发生变化的时候,监听的 Text 内容会随之改变,获取内容的 Text 点击按钮了才发生变化 ?...AssetImage('images/login_bg.png'), fit: BoxFit.cover)), // 先忽略...下面会讲,主要是解决软键盘弹出的时候

    1.9K50

    Flutter Form表单控件超全总结

    TextFormField TextFormField继承自FormField,是一个输入框表单,因此TextFormField中有很多关于TextField的属性,TextFormField的基本用法...null:'账号最少6个字符'; }, ) TextFormField效果如下: [1240] onSaved是一个可选参数,Form调用FormState.save才会回调此方法。...autovalidate参数为是否自动验证,设置为true,TextField发生变化就会调用validator,设置false,FormFieldState.validate调用时才会回调validator...validator验证函数,输入的不匹配的时候返回的字符串显示在TextField的errorText属性位置,返回null,表示没有错误。...onChanged:子表单控件发生变化时回调。 欢迎加入Flutter的微信交流群(mqd_zzy),让我们一起学习,一起进步,开始我们的故事,生活不止眼前的苟且,还有诗和《远方》。

    3.3K00

    Flutter TextField详解

    文章目录 基本属性 TextField InputDecoration 样式 基础样式 隐藏文本 键盘类型 键盘按钮 大小写 光标 最多行数 计数器 图标 提示文字 去除下划线 边框 获取输入内容 关闭键盘...隐藏文本 修改obscureText属性 TextField( obscureText: true, ),...关闭键盘 往往我们在事件中提交的时候,是需要关闭键盘的 这里我们就用到了focusNode 初始化: FocusNode userFocusNode = FocusNode(); 配置:...regExp.hasMatch(value)) { return "手机号格式不正确"; } return null; } 以上只是我们一般的校验,表单的话还是建议使用From包裹TextFormField...异常 软键盘弹出之后遮盖 软键盘弹出之后高度溢出 解决办法:用滑动组件包裹起来(ListView等),这样软键盘弹出的时候,输入框也会自动向上滑。

    4.2K40

    Flutter | 常用组件

    Switch 或者 CheckBox 被点击,会触发 onChanged 回调,我们可以回调中改变逻辑 class SwitchAndCheckboxTest extends StatefulWidget...false,如果为true ,valude 的会自动增加一个状态 null 总结 Switch , Checkbox 和 Radio 本身不会维护状态,而是需要父组件来管理状态,当用户点击,通过事件将状态通知到父组件...textInputAction :键盘动作按钮图标,他是一个枚举,有多个可选,具体的可查看 api style:正在编辑的文本样式 textAlign:输入框内编辑文本在水平方向的对齐方式...不同的是后者的回调是 ValueChanged ,前者不接受参数 inputFormatters:用于指定输入格式,输入内容改变,会根据指定格式来校验 enable:若为...TextField( keyboardType: TextInputType.number, ), 例如,number 就只能输入数字,还有很多的,如下,可以自行查看 键盘按钮 即键盘右下角的按钮

    11.4K30

    《Flutter》-- 4.Flutter组件基础

    对于无状态组件的内部属性,为了防止内部成员变量的被改变,需要使用final修饰符进行修饰。 创建无状态的组件,需要继承StatelessWidget,并重写build()。...创建一个StatefulWidget组件,同时也会创建一个State对象,StatefulWidget就是通过与State对象进行关联来管理组件状态树的。...didUpdateWidget():组件的配置发生变化或执行热重载,系统会回调该函数更新视图。...dispose():状态组件需要被永久地从视图树中移除,调用dispose()。调用dispose()后,组件会被销毁,在调用dispose()之前可以执行资源释放、移除监听、清理环境等工作。...onChange:输入框内容改变的回调函数。 onEditingComplete:输入框输入完成触发,不会返回输入的内容。 onSubmitted:输入框输入完成触发,会返回输入的内容。

    12.5K30

    浏览器事件

    浏览器事件 加载相关 onbeforeunload: 该事件在即将离开页面(刷新或关闭触发。 onload: 文档加载完成后触发。 onunload: 窗口卸载其内容和资源触发。...onhashchange: 窗口的锚点哈希发生变化时触发。 鼠标相关 onclick: 点击页面触发。 onmouseup: 鼠标按键被松开触发。...onauxclick: 指示在输入设备上按下非主按钮触发,例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下触发。 onkeyup: 某个键盘按键被松开后触发。...设备相关 ondevicemotion: 设备状态发生改变触发 ondeviceorientation: 设备相对方向发生改变触发 ondeviceproximity: 设备传感器检测到物体变得更接近或更远离设备触发...onwheel: 该事件在鼠标滚轮在元素上下滚动触发。 键盘相关 onkeydown: 某个键盘按键被按下。 onkeypress: 某个键盘按键被按下并松开。

    2.4K20

    Window对象

    Window对象事件 加载相关 onbeforeunload: 该事件在即将离开页面(刷新或关闭触发。 onload: 文档加载完成后触发。 onunload: 窗口卸载其内容和资源触发。...onhashchange: 窗口的锚点哈希发生变化时触发。 鼠标相关 onclick: 点击页面触发。 onmouseup: 鼠标按键被松开触发。...onauxclick: 指示在输入设备上按下非主按钮触发,例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下触发。 onkeyup: 某个键盘按键被松开后触发。...设备相关 ondevicemotion: 设备状态发生改变触发 ondeviceorientation: 设备相对方向发生改变触发 ondeviceproximity: 设备传感器检测到物体变得更接近或更远离设备触发...打印相关 onbeforeprint: 该事件在页面即将开始打印触发 onafterprint: 该事件在页面已经开始打印或者打印窗口已经关闭触发。

    2.4K20

    对话框、模态框和弹出框看起来很相似,它们有何不同?

    使用“显式关闭”,组件允许用户通过页面上的关闭按钮和键盘上的 Escape 键关闭它(不确定时,最好同时添加两者)。...键盘关闭/可折叠 如果内容可以被关闭或折叠,用户也应该能够只用键盘关闭或折叠它。 内容可以关闭,一种常见的模式是按下 Escape 键关闭内容。...这使得模态对话框变得更具破坏性,因此仅必须才使用它们。通常我们都不希望中断或干扰用户的流程。...popover 属性计划允许两种,每种都给出略有不同的特征集: popover=auto: 轻量级关闭它打开,它会强制关闭其他弹出窗口和提示(它的锚点除外); popover=manual:...它们通常使用触发器或特定的关闭按钮进行关闭或折叠。 常见问题 焦点应该移到哪里? 模态对话框打开键盘焦点应该移动到默认操作。如果存在表单,很可能是第一个表单字段。

    3.8K00

    最新iOS设计规范四|3大界面要素:视图(Views)

    浮层出现时,其他视图的交互行为会被禁止,直到浮层被取消/关闭。使用浮层所显示的内容要与当前页面中的内容关联。例如:当你点击“操作”按钮,许多iPad应用会弹出一个浮层(如下图)。 ?...使用“关闭”按钮仅用于确认和指导。如果传达的含义足够清晰明确,可以使用“关闭”按钮(例如“取消”或“完成”),例如退出是否保存更改。若无存在的必要,弹出窗口应自动关闭。...滚动视图的缩放选项被打开,设置比较合适的最大及最小。例如:放大文本直到一个单一的字符充满整个屏幕,即使其可能对于大部分应用来说是没有意义的。 滚动视图处于页面模式考虑显示页面控制元素。...这样做带来的后果主要为会产生一个不可预期的用户界面,从而控制起来会变得非常困难。 同一刻只显示一个滚动视图。...如果文本视图可编辑,则在视图内部点击,屏幕下方会弹出键盘。 ? 保持文字清晰。虽然你可以使用各种类型的字体、颜色以及对齐方式,但必须保持内容的可读性。

    8.5K31

    MySQL8.0.19-通过Limit调试递归CTE

    今天,我想提出一个解决方案,使用递归CTE编写查询,几乎每个人都会遇到:发生无限递归,如何调试? 考虑以下示例查询,该查询生成从1到5的整数: ? 此查询正常执行,这是它的结果: ?...现在,假设我在键入它犯了一个小错误(这只是键盘意外,在“ <”中输入“ *”): ? MySQL现在将错误的WHERE条件转换为“ n * 5 0”,这对于所有行都是正确的。...或者,在开发一切都正确,但是,过了一段时间,数据模型得到了发展,原本不可能的循环现在变得完全可能了,查询需要进行一些修复以免阻塞。 举一个例子,关于火箭发射的场景。...遇到错误3636,我们现在要做的第一件事是添加一些LIMIT(最初10行?还是100?我们可以尝试)。然后获取查询的输出;通过查看这些数据,我们可以开始了解它们是如何生成的以及为什么产生这么多。...好吧,我们看到似乎在5行之后形成循环;通过在到达的每个行星附近添加路径上的前一个行星,它变得更加清晰: ? 发现了!有一个土星到地球的火箭,它关闭了循环!这项工作的调试部分已经完成。

    1.4K30

    Windows辅助功能操作函数

    ,开启了辅助特性后,若在这个时间内没有键盘和鼠标的输入则系统自动将辅助特性关闭(控制面板-辅助功能选项-常规).辅助功能有高亮度显示,声音卫士等。...DWORD dwFlags; //ATF_ONOFFFEEDBACK:当到达超时时间关闭辅助特性发出声音;ATF_TIMEOUTON:若有则会在超时后关闭辅助特性,否则 //即使到了超时时间也不会关闭...获取为BOOL* SPI_GETACTIVEWNDTRKZORDER SPI_SETACTIVEWNDTRKZORDER: 设置启用窗口跟踪是否窗口被激活,是否成为顶层窗口,同样是BOOL...,系统默认为FALSE SPI_GETACTIVEWNDTRKTIMEOUT SPI_SETACTIVEWNDTRKTIMEOUT: 设置启用窗口跟踪,鼠标移到窗口上后,经过多少时间才将窗口激活...,参数为键盘布局句柄指针 SPI_GETCOMBOBOXANIMATION SPI_SETCOMBOBOXANIMATION: 用来设置拉下组合框的列表,是否有动画效果(即是滑出来的还是直接出来的

    1.5K50

    最新iOS设计规范五|3大界面要素:控件(Controls)

    折叠后,紧凑型样式将显示一个按钮,该按钮以应用程序的主色显示当前人们点击按钮,日期选择器将扩展为模式视图,从而提供对熟悉的日历样式编辑器和时间选择器的访问。...滑块的发生变化时,最小和拇指之间的轨道部分会填充颜色。滑块的左右位置好可以展示图标,来说明最小和最大的含义。 ? 如有必要,可以自定义滑块的外观。...确保随着步进器变化的清晰可见。步进器本身不展示任何,因此请确保用户知道,使用步进器它们正在改变哪个。 不要使用步进器调整较大数量级的。调整小数量级的,使用步进器是很合适的。...根据设计风格,自定义开关在其关闭和打开的背景颜色,可以使开关在APP中的体验更好。 仅在列表中使用开关。开关用在列表中,例如可以打开和关闭的设置列表。...若需要输入的是敏感数据(如密码),请始终使用安全提示类的文本字段。 使用图像和按钮在文本字段中提供清晰度和功能。

    8.6K30

    简单了解下无障碍设计模式

    每添加一个按钮、图片或一行文本都会使界面变得更加复杂,可以通过以下方式简化你的应用: 清晰可见的元素 足够的对比度和尺寸 明确的重要性级别 使主要信息一目了然 健全的 使你的应用能适应各种用户。...使用屏幕阅读器(如 “TalkBack” ),并通过触摸板导航,在用户指尖触摸到 UI 元素,会大声读出标签上的文本。...例如,焦点聚焦到控件上, TalkBack 会大声朗读出控件,如果为其加上了定时器,可能会阻止控件完成某些任务。...页面使用合适的语义化标签,一些无障碍技术允许用户在页面的这些标记(例如标题)之间导航。 硬件或软件方向控制器(例如 D-pad、轨迹球或键盘)允许用户以线性的方式从一个选择的元素跳到另一个元素。...错误示例 朗读,文本 “侧面抽屉” 无法指明会发生什么操作。 状态可以变化的元素 对于可以在和状态之间切换的图标,根据向用户呈现内容来确定使用什么类型的图标。

    4.8K40

    iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

    日期时间选择器: 最多可以展示4个独立的滑轮,每一个滑轮表示一个不同的,比如月份或小时等 在每个滑轮的中央使用深色字体来表示当前选中的 日期时间选择器的大小与iPhone键盘的大小相同,并且不可更改...选择器: 是日期时间选择器的通用模式 包括一个或多个滑轮,每个滑轮含有一组 当前选中的在中间,以深色标识 不可以自定义大小(选择器的大小与iPhone的键盘相同) 使用选择器可以让用户更容易从一系列不同的中间进行选择...因为每个分段都是等宽的,文本长度差异很大看上去会很不协调。 不要在同一个分段控件中混用文字和图片。每一个分段都仅可支持纯文字或纯图片。...用户可能会在打印机里使用步进器来确定打印份数,因为这个的变化幅度通常并不大;而当用户需要选择打印的页码范围,使用步进器就会让操作变得繁琐,因为用户很可能要点很多下才能选定页数。...文本框里没有任何其它提示文字,会展示占位符文本(placeholder text),如名字、地址等。 根据输入内容的类型来指定不同的键盘类型。

    13.2K30

    《精通reactvue组件设计》之手把手实现一个轻量级可扩展的模态框(Modal)组件

    可以配置自定义关闭图标 配置关闭是否销毁Modal里的子元素 自定义模态框底部内容 控制是否支持键盘esc关闭 控制是否展示遮罩 控制点击蒙层是否允许关闭 自定义遮罩样式 自定义标题 控制对话框是否可见...} null|ReactNode 底部内容,不需要底部默认按钮,可以设置为footer={null} * @param {keyboard} bool 是否支持键盘的esc键退出 * @param...destroyOnClose为true,我们销毁子元素即可,通过维护一个state来实现组件的重新渲染。...要想实现该功能,我们需要处理如下几个事件: 点击关闭按钮,根据destroyOnClose销毁子组件 点击确认按钮,根据destroyOnClose销毁子组件 visible为true,根据destroyOnClose...2.7 实现键盘按键ESC关闭模态框(Modal) 为了更好的用户体检,笔者的Modal组件支持键盘事件,我们都知道键盘的ESC对应的事件码为27,那么我们就能根据这个原理来实现键盘按键ESC关闭模态框

    2.7K11

    HTML标签介绍「程序员培养之路第一天」

    7、语义化的作用:网页结构层次更清晰、更容易被搜索引擎收录、更容易让屏幕阅读器读出网页内容。 8、标签的内容就是在一对标签内部的内容 9、标签的内容可以是其他标签 ?...onunload:在用户从页面离开发生,例如点击跳转,页面重载,关闭浏览器窗口等。 2、Form表单事件     onblur:元素失去焦点触发。    ...onchange:在元素的元素被改变触发。     onfocus:元素获得焦点触发。     onreset:表单中的重置按钮被点击触发。    ...onsubmit:在提交表单触发。 3、Keyboard键盘事件     onkeydown:在用户按下按键触发。     onkeypress:在用户按下按键后,按着按键触发。...onwaiting:媒体已停止播放但打算继续播放触发。

    88810
    领券