如何更改轮廓边框的颜色？答案

【问题标题】：How to change color of outline border?如何更改轮廓边框的颜色？
【发布时间】：2021-06-17 22:07:56
【问题描述】：

我正在尝试更改轮廓边框的颜色。当专注于它时，它会得到我认为的默认颜色，我想将其更改为黑色，但现在不知道如何做到这一点。

这是我的小部件：

@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,
          )
        ],
      ),
    );
  }
}

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

【问题讨论】：

这能回答你的问题吗？ Flutter: Outline input border

标签： flutter colors

【解决方案1】：

InputDecoration针对不同情况有很多属性，比如errorBorder，重点边框，聚焦错误边框，禁用边框，启用边框，边框，

我想你在这里需要什么，你可以通过focusedBorder实现它

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

【讨论】：

不客气。为什么要更改最佳响应？我的回复有问题吗？
不，不是，但另一个用户比你早 3 分钟，我认为他有相同的答案是公平的。
不，我比其他用户早 2 分钟回答 :) 没关系，没问题

【解决方案2】：

将此添加到您的输入装饰

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

【讨论】：