【Flutter 问题系列第 7 篇】TextField 去掉下划线_flutter textfield 去掉下划线

这是【Flutter 问题系列第 7 篇】，如果觉得有用的话，欢迎关注专栏。

问题描述

TextField 组件自带下划线样式，有时候并不需要它，怎么设置呢？

解决方案

设置 decoration 属性的 border 属性为 InputBorder.none 即可去掉。

示例代码如下所示

TextField(
  decoration: InputDecoration(
    border: InputBorder.none,
  ),
)
1
2
3
4
5

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语

Google 的 Flutter 越来越火，截止 2020年9月10日 GitHub 标星已达 68K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。

无论你是 Flutter 新手还是已经入门了，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。