Flutter TextFormField聚焦边框颜色

Flutter TextFormField是Flutter框架中的一个组件，用于创建一个文本输入框，可以接收用户的输入。它具有聚焦边框颜色的功能，即在输入框获得焦点时，可以改变输入框的边框颜色。

Flutter TextFormField的主要属性包括：

1. decoration：用于定义输入框的外观，可以设置边框、背景颜色、提示文本等。
2. focusNode：用于管理输入框的焦点状态，可以监听焦点变化事件。
3. style：用于设置输入框中文本的样式，包括字体、大小、颜色等。
4. onChanged：当输入框的内容发生变化时触发的回调函数。
5. validator：用于对输入框的内容进行验证的回调函数。

要实现聚焦边框颜色的效果，可以通过以下步骤：

1. 创建一个TextEditingController对象，用于监听输入框的内容变化。
2. 创建一个FocusNode对象，用于管理输入框的焦点状态。
3. 在TextFormField的decoration属性中设置边框颜色，可以使用OutlineInputBorder类来定义边框样式。
4. 在FocusNode的监听器中，根据焦点状态来改变边框颜色。可以使用setState方法来更新界面。

示例代码如下：

TextEditingController _controller = TextEditingController();
FocusNode _focusNode = FocusNode();
Color _borderColor = Colors.grey;

@override
void initState() {
  super.initState();
  _focusNode.addListener(() {
    setState(() {
      _borderColor = _focusNode.hasFocus ? Colors.blue : Colors.grey;
    });
  });
}

@override
Widget build(BuildContext context) {
  return TextFormField(
    controller: _controller,
    focusNode: _focusNode,
    decoration: InputDecoration(
      border: OutlineInputBorder(
        borderSide: BorderSide(color: _borderColor),
      ),
    ),
    onChanged: (value) {
      // 处理输入框内容变化
    },
    validator: (value) {
      // 输入框内容验证
    },
  );
}

在这个示例中，当输入框获得焦点时，边框颜色会变为蓝色，失去焦点时恢复为灰色。你可以根据实际需求自定义边框颜色和其他样式。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mmp）

这是腾讯云提供的一站式移动应用开发平台，提供了丰富的移动开发工具和服务，包括移动应用开发框架、移动应用测试、移动应用分发等，可以帮助开发者快速构建高质量的移动应用。