如何更改轮廓边框的颜色

Question

我正在尝试更改轮廓边框的颜色。当我把注意力集中在它上时，它会得到一个默认的颜色，我想我想把它改成黑色，但现在不知道该怎么做。

这是我的小工具：

@override
Widget build(BuildContext context) {
return Container(

margin: EdgeInsets.only(top: 8),
padding: EdgeInsets.all(8),
child: Row(
children: <Widget>[
Expanded(

child: TextField(
controller: _controller,
decoration: InputDecoration( hintText: 'Send a message',border: OutlineInputBorder( borderRadius:
const BorderRadius.all(
const Radius.circular(40.0),
),
),
),
onChanged: (value) {
setState(() {
_enteredMessage = value;
});
},
),
),
IconButton(
color: Colors.black,
icon: Icon(
Icons.send,
),
onPressed: _enteredMessage.trim().isEmpty ? null : _sendMessage,
)
],
),
);
}
}

所以当用户尝试输入一些文本时，半径应该是黑色的。希望有人能帮忙，谢谢。

Answer 1

InputDecoration有许多属性用于不同的情况，例如errorBorder，focusedBorder，focusedErrorBorder，禁用边界，enabledBorder，边界，

我认为你在这里需要什么，你可以通过focusedBorder来实现

focusedBorder: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(40.0),
),
borderSide: BorderSide(width: 1, color: Colors.black),
),

Answer 2

将其添加到您的输入装饰中

focusedBorder: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(40.0),
),
borderSide: BorderSide(color: Colors.black),
),