请选择 进入手机版 | 继续访问电脑版

Flutter 设置文本框背景

[复制链接]
会眨眼睛的鱼儿 发表于 2021-1-1 17:44:27 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
Flutter 设置文本框背景

  先来看最终效果:
平凡文本框样式的设置

以下设置一个平凡的文本框样式:
  1. 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,//单行文本框),
复制代码
设置具有背景致的输入框

  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 开发》

来源:https://blog.csdn.net/u011578734/article/details/111997551
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )