Flutter 设置文本框背景

先来看最终效果：

普通文本框样式的设置

以下设置一个普通的文本框样式：

new TextField(controller: _titleTxt,keyboardType: TextInputType.text,//键盘类型decoration: InputDecoration(//文本框样式设置contentPadding: EdgeInsets.all(10.0),//内容边距labelText: '标题',//输入框的描述文本border: OutlineInputBorder(//边框),),style: TextStyle(fontSize: 14),//字体样式autofocus: false,maxLines: 1,//单行文本框
),

设置具有背景色的输入框

new TextField(controller: _titleTxt,keyboardType: TextInputType.text,decoration: InputDecoration(//是否填充背景色filled: true,//设置背景色，filled 为 true 时生效fillColor: Color(0xfff2f2f2),contentPadding: EdgeInsets.all(10.0),//边框样式设置border: _outlineInputBorder,focusedBorder: _outlineInputBorder,enabledBorder: _outlineInputBorder,disabledBorder: _outlineInputBorder,focusedErrorBorder: _outlineInputBorder,errorBorder: _outlineInputBorder,),style: TextStyle(fontSize: 14),autofocus: false,maxLines: 1,
),

这里最关键的是 filled 属性，必须设置为 true，只有这样，fillColor 设置的颜色才能生效。

**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》

Flutter 设置文本框背景相关推荐

java文本框背景_background 设置文本框背景图
background 属性的作用是给元素设置背景,它是一个复合属性,常用的子属性如下: background-color 指定元素的背景颜色. background-image 指定元素的背景图像. ...
自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标修改光标颜色修改边框颜色 placeholder颜色设置文本框背景
文章转自:http://blog.csdn.net/zhang_red/article/details/21447535 总结下常用的几点: 1.修改放大镜图标 [self setImage:[UII ...
Axure 教程 | 设置文本框背景透明
在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求.例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景. 当界面需要一个无背景色的输入框时,对于完 ...
PHP设置文本框背景透明度,话说半透明文本框！（不透明度可以任意调节，可以实现全透明）...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼我以前曾经问过大家半透明对话框怎么做,后来一直没有找到答案.直到有一天,云霞散人告诉了我一个api函数... 好吧,我承认,我说的这个不是半透明" ...
PHP设置文本框背景透明度,如何给background-image设置透明度？
如题,现在是没法改图片本身的透明度,该图片以 background-image 写在 css 里,不知道有没有办法给他设置透明度?div{ position: relative; } div:afte ...
css可以设置文本框颜色吗,如何在css中设置文本框颜色
如何在css中设置文本框颜色发布时间:2021-04-29 15:33:54 来源:亿速云阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...
Win32汇编获取和设置文本框的内容
看一下Win32汇编如何获取和设置文本框的内容: 资源文件如下: #include <resource.h>#define ICO_MAIN 0x1000 //图标 #define DLG ...
SSRS动态设置文本框属性
SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...
java框体怎么添加背景图,文本框添加背景图片，文本框背景图片,public class
文本框添加背景图片,文本框背景图片,public classpublic class WatermarkTextField extends JTextField { BufferedImage img ...

Flutter 设置文本框背景

Flutter 设置文本框背景

普通文本框样式的设置

设置具有背景色的输入框

Flutter 设置文本框背景相关推荐

最新文章

热门文章