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

来实现

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),
),

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

2 个答案: