Flutter TextField 去掉下划线

Flutter TextField去掉下划线方法

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

原创最新推荐文章于 2024-05-20 21:59:46 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #textfield 去掉下划线 #flutter #fluttertextfiel #textfield 无边框

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

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)),
 )