Flutter TextField 去掉下划线

最新推荐文章于 2024-05-20 21:59:46 发布

RollingPin

最新推荐文章于 2024-05-20 21:59:46 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/RollingPin/article/details/112471198

TextField默认带有下划线，但当前UI设计常需无边框输入框。可通过简单设置decoration，将border设为InputBorder.none来去掉TextField的下划线。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TextField 默认自带下划线, 然鹅现在UI设计一般做无边框输入框,通过简单设置decoration去掉下划线

border: InputBorder.none,

TextField(
    style: TextStyle(color: Colors.white, fontSize: 16.0),
    decoration: InputDecoration(
        border: InputBorder.none,
        hintText: '输入提示占位字符',
        hintStyle: TextStyle(color: Colors.white.withOpacity(0.5), fontSize: 16.0)),
 )