Flutter自定义输入框背景颜色InputDecoration

最新推荐文章于 2026-01-25 23:57:09 发布

原创最新推荐文章于 2026-01-25 23:57:09 发布 · 1.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#flutter

收录于

InputDecoration 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Flutter中使用TextField时，通过设置InputDecoration的filled属性为true，并自定义fillColor，实现文本框背景色的改变，重点在于强调了filled属性对于背景效果的关键作用。

自定义InputDecoration背景色时加入filled:true属性生效

						Expanded(
                            child: TextField(
                              decoration: InputDecoration(
                                filled:true, //一定加入个属性不然不生效
                                fillColor: Color.fromARGB(100, 1, 1, 1),
                                hintText: "请输入验证码",
                                hintStyle: TextStyle(
                                  color: Color.fromRGBO(220, 220, 220, 1),
                                  // color: Colors.white,
                                  fontSize: 16,
                                ),
                                border: InputBorder.none
                              ),
                            ),
                          ),