flutter - Flutter：自定义焦点输入文本边框颜色

Question

我一直在尝试自定义焦点输入文本字段的边框颜色。

TextField(
      decoration: InputDecoration(
        icon: Icon(Icons.send),
        hintText: 'Hint Text',
        helperText: 'Helper Text',
        counterText: '0 characters',
        border: OutlineInputBorder(),
      ),
    )

所以基本上，如果我点击输入框，它只会将边框变成蓝色，但我想将此颜色自定义为绿色。我真的不知道该怎么做。

提前感谢您的帮助！

标签： flutterdart

Answer 1

使用focusedBorder尝试下面的代码

  TextField(
        decoration: InputDecoration(
          focusedBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(20.0),
            borderSide: BorderSide(
              color: Colors.green,
            ),
          ),
          icon: Icon(Icons.send),
          hintText: 'Hint Text',
          helperText: 'Helper Text',
          counterText: '0 characters',
          border: OutlineInputBorder(),
        ),
      ),

你的结果->