You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter:如何移除TextFormField文本选中时的下划线?

解决Flutter TextFormField输入文本带下划线的问题

输入文本出现下划线是因为TextStyle默认可能继承了全局主题的文本装饰,或者在特定场景下被自动添加了下划线样式。直接在TextFormField的style中显式禁用文本装饰即可解决:

修改你的TextStyle配置,添加textDecoration: TextDecoration.none:

style: const TextStyle(
  color: Colors.white,
  fontSize: 20,
  textDecoration: TextDecoration.none, // 关闭文本下划线
),

你用来定位光标到末尾的代码本身没有问题,它仅控制光标位置,不会导致文本出现下划线:

textController.selection =
    TextSelection.collapsed(offset: textController.text.length);

如果添加后问题依旧,检查是否在应用的全局主题(ThemeData)中设置了默认的文本下划线样式,此时需要确保TextFormField的style优先级高于全局样式。

内容的提问来源于stack exchange,提问作者Александр Инженер

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 01:05:18