flutter - 如何在焦点时更改 TextField 小部件背景颜色

Question

我有一个默认背景颜色为红色的 TextField 小部件。当 TextFiled 聚焦时，我想将背景颜色更改为蓝色。但我不能那样做。

我试过的颜色有3个相关属性。

filled: true,
fillColor: Colors.red,
focusColor: Colors.blue,

结果只有 filled 设置为 true，fillColor 起作用，focusColor 永远不起作用。你能告诉我该怎么做吗？

Answer 1

您需要在 TextField 上使用 FocusNode 和颜色变量来更改颜色:

声明

FocusNode _textFieldFocus = FocusNode();
Color _color = Colors.red;

@override
void initState() {
  _textFieldFocus.addListener((){
    if(_textFieldFocus.hasFocus){
      setState(() {
        _color = Colors.blue;
      });
    }else{
      setState(() {
        _color = Colors.red;
      });
    }
  });
  super.initState();
}

小工具

TextField(
  decoration: InputDecoration(
    fillColor: _color,
    filled: true
  ),
  focusNode: _textFieldFocus,
),