我们在上一章回中介绍了"DropdownButton组件"相关的内容,本章回中将介绍**TextField组件的细节.**闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在本章回中介绍的TextFiled组件主要用来实现文本输入功能,我们在前面章回中介绍过该组件的基本用法,本章回中主要分享与该组件相关的三个细节知识:修改组件的填充颜色,修改组件的高度,给组件添加圆角。

2. 使用方法
2.1 修改组件的填充颜色
使用TextField组件实现输入框时,输入框中默认的背景颜色是白色,如果想把背景颜色从白色修改成其它颜色,可以使用fillColor属性,不过只设置该属性没有效果,还需要设置filled属性,该属性是布尔类型,默认值是false,把它设置成true后才会使用fillColor属性中的颜色来填充输入框的背景。
总之,fillColor和filled这两个属性需要一起使用才能修改输入框的背景颜色。
本文详细介绍了在Flutter中使用TextField组件的三个关键细节:如何修改输入框的填充颜色,如何调整组件高度,以及如何为TextField添加圆角。通过设置filled和fillColor属性可以改变背景颜色,利用子组件高度可以间接修改TextField的高度,添加边框或使用ClipRRect实现圆角效果。
订阅专栏 解锁全文
3981

被折叠的 条评论
为什么被折叠?



