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

字段不再聚焦后,TextFormField的前缀图像消失

是由于 Flutter 框架中的 TextField 组件的默认行为。

TextField 组件是 Flutter 中常用的文本输入框组件,它可以接收用户的文本输入并显示在应用界面中。在 TextField 组件中,前缀图像可以通过 InputDecoration 的 prefixIcon 参数进行设置。

当用户聚焦(点击)到 TextField 组件时,输入框会获得焦点,此时前缀图像会显示在输入框的左侧。然而,当用户不再聚焦到输入框时(例如点击其他地方或者切换到其他输入框),TextField 组件会自动失去焦点,此时前缀图像也会消失。

如果希望在 TextField 失去焦点后仍显示前缀图像,可以通过自定义 InputDecoration 的 focusedBorder 参数来实现。在 focusedBorder 参数中,可以设置一个没有边框的输入框装饰器,这样即使失去焦点,前缀图像也会保持显示。

以下是一个示例代码:

代码语言:txt
复制
TextFormField(
  decoration: InputDecoration(
    prefixIcon: Icon(Icons.person),
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.grey),
      borderRadius: BorderRadius.circular(8.0),
    ),
  ),
)

在这个示例中,prefixIcon 参数用来设置前缀图像为一个人物图标。focusedBorder 参数用来设置在 TextField 失去焦点后的边框样式。通过设置一个灰色边框和圆角半径,可以实现失去焦点后仍显示前缀图像的效果。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云服务器(CVM):提供弹性计算能力,适用于各类应用场景。详细信息请参考 腾讯云服务器产品介绍
  • 腾讯云数据库(TencentDB):提供多种数据库解决方案,包括关系型数据库、NoSQL 数据库等。详细信息请参考 腾讯云数据库产品介绍
  • 腾讯云人工智能(AI):提供各种人工智能服务,包括语音识别、图像识别、自然语言处理等。详细信息请参考 腾讯云人工智能产品介绍
  • 腾讯云物联网(IoT):提供物联网设备接入、数据采集、设备管理等物联网解决方案。详细信息请参考 腾讯云物联网产品介绍
  • 腾讯云区块链(BCS):提供高效、可扩展的区块链解决方案,适用于金融、供应链等领域。详细信息请参考 腾讯云区块链产品介绍
  • 腾讯云存储(COS):提供安全可靠的云存储服务,支持对象存储、文件存储等场景。详细信息请参考 腾讯云存储产品介绍
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一些好用jquery技巧

2、预加载图像 如果你网页要使用大量开始不可见(例如,悬停图像,那么可以预加载这些图像: $.preloadImages = function () { for (var i = 0; i <...4、自动修复破坏图像 逐个替换已经破坏图像链接是非常痛苦。不过,下面这段简单代码可以帮助你: $('img').on('error', function () { if(!...6、禁用输入字段 有时候,你可能想要禁用表格提交按钮或它某一项文字输入直到用户执行了特定操作(例如,勾选“我已阅读相关条款”复选框)。...但是,如果你想要元素在第一次点击时候出现,然后在第二次点击时候消失的话,那么可以试试下面的代码: // Fade $('.btn').click(function () { $('.element'...tab,或重新聚焦原来那个tab上时,触发JavaScript: $(document).on('visibilitychange', function (e) { if (e.target.visibilityState

3.9K60

Flutter版本玩Android客户端(6)——登录注册模块以及文章收藏与取消

本篇继上篇Flutter版本玩Android客户端(5)——微信公众号tab点击跳转,完成了登录注册模块,以及文章收藏与取消。...登录注册 玩Android登录,会返回一个cookie,需要将该cookie保存,然后在一些post接口上带上该cookie表示用户信息,比如收藏、取消收藏都隐含了cookie。...登录注册模块 登录注册模块主要涉及表单Form这个Widget,其中TextFormField使用TextEditingController进行控制,可以通过该类来获取对应TextFormField数据...TextFormField( controller: _repasswordController, decoration: InputDecoration...收藏、取消收藏 这里对ArticleListWidget做了一个重构,将其中文章Item作为一个Widget抽出,会根据Articlecollect这个字段进行是否收藏图标的变化,因此这得是一个StatefulWidget

2.9K41
  • Yoshua Bengio最新演讲:Attention 让深度学习取得巨大成功(46ppt)

    聚焦机制在翻译、语音、图像、视频和存储中应用 ? 端对端机器翻译 传统机器翻译:通过相似度最大化对若干个模型进行独立地训练,在N型图中获顶部、底部获得逻辑回归。...周期性网络和聚焦机制下端对端机器翻译 从零开始,一年现状: ? 英语到德语 ? 从图像到文字:聚焦模型下字幕生成 ? 聚焦选择部分图像,同时,生成对应描述词 ? 说出看到东西 ?...展示、参加和讲述:用视觉聚焦来达到神经图像字幕生成 ? 好识别 ? 坏识别 ?...; 在词规律(前缀、后缀、连接等)上进行时是有必要; 障碍: 对于RNNs:更长期依赖性 较差容量和计算率 2年前前期实验:比起基于词汇模型,可持续性要更差 ?...大型内存网络:长期依存稀疏内存访问 一个外部存储器中状态,可以保存任意长时间,直到被读取或写入 忘记=消失梯度 内存=更大状态,避免遗忘或者消失必要 ? 延迟不代表能更进一步 ?

    1K40

    让LLM更懂网络:Jina AI Reader力量

    这意味着,无论是复杂结构网页还是深藏图片信息,都能被准确提取,供模型高效利用,提升问答、总结等任务表现。...即时搜索:引入https://s.jina.ai/前缀,它便化身为搜索引擎,根据你查询,即时从浩瀚网络中捞取最新资讯。...图像理解:内置图像识别能力,能为图片添加描述性alt标签,让LLM也能“看见”。 即时搜索强化:提供最新最热搜索结果,直接提取关键信息,无需二次访问。...查看示例[1] 网络搜索 使用https://s.jina.ai/作为前缀进行搜索。...无论你是构建复杂问答系统、知识图谱更新还是内容摘要服务,Reader都能让你项目如虎添翼。立即尝试,让你LLM从此不再“迷茫”于海量网络数据中,而是精准、高效地吸收每一滴知识之泉。

    8810

    AngularDart Material Design 输入 顶

    警告:此机制API仍在不断变化,并且会有重大变化。小心依靠它。 floatingLabel bool  标签是否“浮动”。 如果为false,则在文本输入框中时标签会消失。...当用户输入文本时,它会消失。 leadingGlyph String  要在输入前沿显示任何符号 - 例如URL链接图标或类似内容。...label String  此输入标签。 如果没有在文本框中输入任何内容,则显示默认文本。当用户输入文本时,它会消失。...如果为false,则始终显示完整建议列表。 floatingLabel bool  标签是否“浮动”。 如果为false,则在文本输入框中时标签会消失。...shouldClearOnSelection bool  从菜单中选择项目是否清除文本。 showClearIcon bool  显示或隐藏尾随关闭图标。

    5.3K40

    WWDC24 - iOS18 下 WebKit 有哪些更新?

    CSS - 背景过滤器 在 Safari 9.0 中发布背景滤镜(backdrop filter)为我们提供了一种方式,可以对特定元素内容应用图像效果。...例如,你可以将 backdrop-filter 应用到标题上,那么标题所有内容都将变得模糊,或者饱和度降低,或者对比度增加。...当你在属性名称前添加 -webkit-backdrop-filter前缀时,它才可以使用。 现在,开始于 Safari 18 beta,我们不再需要该前缀了。 现在它在各大浏览器兼容性都很好。...当你在 visionOS 中打开 Photos 应用时,你会看到一组你照片集合。点击一张图片,它就会在你面前一个浮动框架中单独出现,而其他部分应用则会消失。...当前 Safari 窗口消失时,照片会弹出一个浮动框架。然后,当用户点击 visionOS 提供空间图片或全景 UI 时,照片会进一步扩展,创造出一个全方位沉浸式体验。

    11110

    「赫曼方格」视错觉怎么破?

    他们发现,将拥有黑色轮廓线白圈放进交汇处,然后将花纹歪斜,就会产生一种“湮灭效果”。 这两位在Perception期刊上发表了论文:“把有黑色轮廓线白色圆点缩小放进网格中,它们就会消失。...在没有白点地方,灰色条纹似乎是延续不断,而实际上条纹是被白点所截断。” 他们说这种错觉反过来也有效(就是黑点在白色网格中)。 一种解释是人类视网膜侧抑制现象。...为了聚焦,视网膜里神经节细胞会增强焦点处接收到刺激,减弱这一点之外刺激。但是看着方格时,会导致细胞误会所收到刺激。一些科学家认为这种错觉会让那些视力没有聚焦白点隐身。...四个区域刺激减弱vs两个区域刺激减弱 如果这些白点更加明显,比如变得更大,你眼睛就不会让周围白点消失了。对比下面两张图: 原图 白点被放大 你也可以让这个错觉消失。...这么做之所以有效是因为倾斜屏幕增加了对比,这让黑点变得更加明显,从而视网膜不再受到侧抑制影响。 反过来也有用,如果将屏幕后仰。对比度减少则会让所有的黑点消失。 [许叔 via quartz]

    1.3K40

    Google Pixel 2(XL)录像画质提升背后

    基于光学图像稳定(OIS)和电子图像稳定(EIS))融合稳定视频技术,使用Pixel 2 和Pixel 2 XL智能手机,拍摄视频比以往更流畅,更清晰。...但是,使用智能手机拍摄视频受许多条件限制,使得拍摄高质量视频成为一个重大挑战: 相机抖动 大多数人手持手机来录制视频-从口袋里拿出手机,录制视频,视频录制可立即分享。...你需要做很迅速,以免有趣瞬间消失。 光学图像稳定(OIS)是抑制抖动伪影最知名方法。通常,在具有OIS移动照相机模块中,镜头通过多个弹簧悬挂在模块中间,并使用电磁体在其外壳内移动镜头。...我们还测量陀螺仪未检测到镜头运动,包括聚焦调整(z)和OIS高速运动(x和y)。...借助Pixel 2和Pixel 2 XL上融合视频稳定功能,您不再需要在录制之前仔细放置手机,在整个录制过程中牢牢抓住手机,或者随身携带万向架。 录制视频将始终保持稳定,清晰,并可随时分享。

    88640

    ACM MM 2023|放心,“噪”不住你美!美图&国科大联合提出人脸修复方法 DiffBFR

    如图1所示,通过简单实验发现,过去基于GAN方法不能很好地同时处理位于长尾分布头部和尾部样本,导致了修复图像上明显过平滑和细节消失。...通过相同参数大小GAN和DPM在MNIST数据集上简单实验(如图1),该论文认为DPM方法能够合理地拟合长尾分布,而GAN会过度关注头部忽略尾部特征,导致尾部特征不再生成。...论文从理论上证明了这种在纯HQ图像上训练无条件扩散模型有助于IRM在像素级空间中输出图像正确分布,即应用该模块后图像分布FID低于使用前FID,得到修复图像总体上和HQ图像分布更相似。...图11 DiffBFR各个模块参数设置 4 总结 该论文提出了基于扩散模型盲退化人脸图像恢复模型DiffBFR,避免了过去基于GAN方法训练模式崩溃和长尾消失问题。...美图影像研究院(MT Lab)成立于2010年,是美图公司致力于计算机视觉、深度学习、增强现实等领域算法研究、工程开发和产品化落地团队,成立以来聚焦于计算机视觉领域探索研究,2013年开始布局深度学习

    32530

    ACM MM 2023|放心,“噪”不住你美!美图&国科大联合提出人脸修复方法DiffBFR

    如图1所示,通过简单实验发现,过去基于GAN方法不能很好地同时处理位于长尾分布头部和尾部样本,导致了修复图像上明显过平滑和细节消失。...通过相同参数大小GAN和DPM在MNIST数据集上简单实验(如图1),该论文认为DPM方法能够合理地拟合长尾分布,而GAN会过度关注头部忽略尾部特征,导致尾部特征不再生成。...论文从理论上证明了这种在纯HQ图像上训练无条件扩散模型有助于IRM在像素级空间中输出图像正确分布,即应用该模块后图像分布FID低于使用前FID,得到修复图像总体上和HQ图像分布更相似。...图11 DiffBFR各个模块参数设置 总结 该论文提出了基于扩散模型盲退化人脸图像恢复模型DiffBFR,避免了过去基于GAN方法训练模式崩溃和长尾消失问题。...美图影像研究院(MT Lab)成立于2010年,是美图公司致力于计算机视觉、深度学习、增强现实等领域算法研究、工程开发和产品化落地团队,成立以来聚焦于计算机视觉领域探索研究,2013年开始布局深度学习

    29230

    Lucene 高阶查询六脉神剑 —— QueryParser

    我们可以不再需要使用组合对象方式来手动构造复合逻辑查询,而是通过一个单行字符串就可以完成原先需要数行代码才能完成查询功能。...,使用 + 号作为前缀,这里加号相当于 BooleanQuery 中 MUST 选项。...注意 QueryParser 会使用传递进去 analyzer 对象对字符串进行分词,最开始例子「北京大学」解析之所以是单个字符串,那是因为「北京大学」本身就是一个完整原子词汇。...PrefixQuery 和通配符查询 WildcardQuery 这两个查询都是有效利用了关键词树 FST 前缀属性来扫描出匹配关键词集合。...图片 再看加权 ? 图片 很明显评分显著发生了放大,还有一个很重要改变就是标题中没有「科幻」文章从前十中消失了。

    2.5K40

    ACM MM 2023|放心,“噪”不住你美!美图&国科大联合提出人脸修复方法 DiffBFR

    如图1所示,通过简单实验发现,过去基于GAN方法不能很好地同时处理位于长尾分布头部和尾部样本,导致了修复图像上明显过平滑和细节消失。...通过相同参数大小GAN和DPM在MNIST数据集上简单实验(如图1),该论文认为DPM方法能够合理地拟合长尾分布,而GAN会过度关注头部忽略尾部特征,导致尾部特征不再生成。...论文从理论上证明了这种在纯HQ图像上训练无条件扩散模型有助于IRM在像素级空间中输出图像正确分布,即应用该模块后图像分布FID低于使用前FID,得到修复图像总体上和HQ图像分布更相似。...图11 DiffBFR各个模块参数设置 4 总结 该论文提出了基于扩散模型盲退化人脸图像恢复模型DiffBFR,避免了过去基于GAN方法训练模式崩溃和长尾消失问题。...美图影像研究院(MT Lab)成立于2010年,是美图公司致力于计算机视觉、深度学习、增强现实等领域算法研究、工程开发和产品化落地团队,成立以来聚焦于计算机视觉领域探索研究,2013年开始布局深度学习

    18430

    ACM MM 2023 | 「噪」不住你美,美图&国科大联合提出人脸修复方法DiffBFR

    如图 1 所示,简单实验表明,过去基于 GAN 方法不能很好地同时处理位于长尾分布头部和尾部样本,导致修复图像会出现明显过平滑和细节消失问题。...通过相同参数大小 GAN 和 DPM 在 MNIST 数据集上简单实验(如图 1),该论文认为 DPM 方法能够合理地拟合长尾分布,而 GAN 会过度关注头部忽略尾部特征,导致尾部特征不再生成。...论文从理论上证明了这种在纯 HQ 图像上训练无条件扩散模型有助于 IRM 在像素级空间中输出图像正确分布,即应用该模块后图像分布 FID 低于使用前 FID,得到修复图像总体上和 HQ 图像分布更相似...GAN 方法训练模式崩溃和长尾消失问题。...美图影像研究院(MT Lab)成立于 2010 年,是美图公司致力于计算机视觉、深度学习、增强现实等领域算法研究、工程开发和产品化落地团队,成立以来聚焦于计算机视觉领域探索研究,2013 年开始布局深度学习

    27820

    Rc-form: 消失“Ta”

    2.png 3.png “Ta”为什么不会消失 为了从根源上解决字段值不消失及校验函数依旧执行问题,小 H 打算分析一波其中奥秘。...果然,在添加 ref 支持字段值被正常销毁且校验函数也不再被调用。...好奇 小 H 通过源码来探究一下 rc-form 字段消失秘密。 “Ta”如何消失 为了探究为什么没有添加 ref 函数式自定义表单控件无法正常注销字段而且会触发校验函数。...既然我们知道了数据从何而来,并且正常情况下表单控件卸载时字段会被销毁,那么一定有一个方法来清除这些不再需要字段。...在字段清空,我们通过 getFieldsValue 或 validateFields 方法将不再能获取到对应字段名称元数据,进而实现了字段销毁目的。

    20210

    科学家故意感染自己两次,为证明新冠群体免疫效果,结果出人意料!

    大数据产业创新服务媒体 ——聚焦数据 · 改变商业 ---- 究竟是否该寄希望于群体免疫?...切普尔诺夫此次是轻度感染无需住院,在自家休养就逐渐康复。此后他和他研究所团队就展开了有关新冠病毒抗体研究,竟发现抗体在他体内迅速下降,直至消失!...切普尔诺夫博士团队研究了新冠病毒抗体行为方式、强度和在人体内能停留多久。他表示:“从我感到生病那一刻起,到第三个月末,我们就不再能检测到抗体了。”...很多人寄希望于感染新冠病毒能就此免疫,但既然病毒抗体几个月就消失了,那人们是不是会再次感染呢?切普尔诺夫决心拿自己当实验小白鼠,来衡量群体免疫可能性。...在大约两周,他鼻咽道和其他样本中都不再能检测到该病毒。但切普尔诺夫博士也就此得出了遗憾实验结果:指望群体免疫来对抗新冠病毒恐怕希望渺茫!

    48720

    京喜小程序首页无障碍优化实践

    图像可使用 alt 属性描述图像内容,读屏软件会根据 alt 中内容朗读出 “描述图像内容 图像”。 view 本身是无语义,可以给元素增加 aria-role 和 aria-label 属性。...聚焦,读屏软件默认会读成图像,无法将图片中文字朗读出来。这样无障碍体验是非常差。 ? 惊喜Logo 在这个场景下,可通过给 Logo 图片增加描述来进行无障碍优化。...当障碍用户聚焦到轮播图,读屏软件将子元素描述朗读读来。轮播图继续轮播,焦点索引却不会随轮播状态自动更新,而是跟随当前子元素滑动消失在屏幕中。若要获取更新轮播信息,需要重新聚焦。 ?...当障碍用户在安卓手机上聚焦,读屏软件不仅会将整合商品信息和 role 朗读出来,还会将商品卡片子元素文本内容朗读出来。...轮播图 安卓:焦点位置会跟随子元素滑动消失; iOS:焦点位置固定不变,不会随子元素滑动而消失。 价格读取差异 ? ¥259.2 由于整数部分和小数部分字体大小不同,价格文本是用多个标签实现

    1.3K31

    2019年最全UI设计之输入字段剖析

    容器字段 容器大小应与用户预期输入成正比 在单行字段中,当光标到达右侧字段边缘时,比输入行长文本会自动向左滚动。用户眼睛隐藏文本越多,他们验证输入难度就越大。...用户应该一目了然地了解该字段状态 输入文本字段可以具有以下某个状态:默认,聚焦,错误和禁用。应明确区分所有状态。 ?...此输入字段要求输入用户ID 3. 标签文本 标签文本用于通知用户文本字段请求信息。每个文本字段都应该有一个标签。 清晰标签 标签最终目的是帮助用户一目了然地了解所需信息。...聚焦状态 你需要使用视觉效果突出显示活动字段。 当字段处于活动状态时,始终显示光标。光标应指示当前用户在该字段位置。它可以防止用户进行不必要操作。 ?...提供前缀/后缀 当字段具有某种度量时,前缀和后缀很有效。例如,金额输入字段前缀或后缀可以表示货币)或权重(后缀可以表示质量单位)。 ?

    2.4K20

    mysql创建索引原则

    在mysql中使用索引原则有以下几点: 1、 对于查询频率高字段创建索引; 2、 对排序、分组、联合查询频率高字段创建索引; 3、 索引数目不宜太多 原因:a、每创建一个索引都会占用相应物理控件...例如,学生表中学号是具有唯一性字段。为该字段建立唯一性索引可以很快的确定某个学生信息。如果使用姓名的话,可能存在同名现象,从而降低查询速度。...例如,对一个CHAR(100)类型字段进行全文检索需要时间肯定要比对CHAR(10)类型字段需要时间要多。 7、尽量使用前缀来索引 如果索引字段值很长,最好使用值前缀来索引。...例如,TEXT和BLOG类型字段,进行全文检索会很浪费时间。如果只检索字段前面的若干个字符,这样可以提高检索速度。 8、删除不再使用或者很少使用索引....表中数据被大量更新,或者数据使用方式被改变,原有的一些索引可能不再需要。数据库管理员应当定期找出这些索引,将它们删除,从而减少索引对更新操作影响

    2.5K10

    超长字符串字段前缀索引两宗罪

    至于为什么说前缀索引占用空间和查询成本更小,我们来直接上个例子: 假设表中存在一个邮箱 email 字段,我们在这个字段上面分别创建普通索引和前缀索引: 1)普通索引,包含了每行 email 记录整个字符串...'zhangs',则获取到主键 ID2 值;然后根据主键值回表查询,返现 email 值确实是 'zhangs2001',则将这行记录加入结果集 如此重复,直到 email 前缀不再是 'zhangs...整个字符串索引结构)的话,可以利用上覆盖索引,从 index1 索引树上查到结果就可以返回了,不需要进行回表。...而如果使用 index2(即 email(6) 前缀索引结构)的话,就不得不再次根据主键值去回表判断 email 字段值是否真的是 'zhangs2001'。...前缀索引区分度不够高怎么办 我当时实习时候就遇到过这个问题,字段(假设这个字段名是 a)超级超级长,远大于 InnoDB 限制 767 字节,普通索引肯定是不可能了,前缀索引就算是长度定义成 767

    53810

    Galaxy v-21.01 发布,新流程和历史栏体验

    不再需要在文档中再次执行"import this url"这个神奇步骤,现在 "只需要浏览存储库中数据"。 但是远程文件浏览器增加并没有止步于此!...这不是它最终状态,但是我们希望得到用户反馈,告我们你是如何找到它。这个新历史面板它具有性能和可用性改进特点。例如,现在你不需要单独菜单就可以重命名文件,只需双击数据集标题即可!...1.4 方便使用改进 这是一个新部分,涵盖较小改进,只是使您工作更容易,加速您与 Galaxy 互动。 交互式工具可以停止,而且它们输出不会消失,具有更好重复性!...Pull Request 10497 上传文件时,"name" 字段将自动聚焦,允许您直接重命名文件,节省您时间。Pull Request 10487 工作流版本现在可以公开它们更新时间。...新可视化 NORA,一个医学图像查看器和注释工具(感谢 @bgruening,Pull Request 1103) 用于深度变焦图像 OpenSeadragon 查看器(感谢 @gregvonkuster

    70920
    领券