Flutter中如何修改TextFormField校验提示文字与边框颜色？

配置不生效的核心原因 #

全局errorColor属性仅会作用于表单错误状态下的边框、状态指示点等非文字类视觉元素，不会同步控制校验错误提示文字的颜色。
TextFormField的错误提示文字样式，完全由绑定的InputDecoration.errorStyle属性决定。该属性的全局默认值并非挂在ThemeData顶层，而是嵌套在InputDecorationTheme配置节点下，因此单独修改顶层errorColor无法同步修改提示文字颜色。

全局统一配置方案（全App输入框生效） #

直接在ThemeData中嵌套inputDecorationTheme节点，一次性完成错误文字、错误边框的样式统一配置，不需要逐组件重复设置：

class MyThemes {
  static final darkTheme = ThemeData(
    // 全局错误色配置，可作为其他需要错误色场景的兜底
    errorColor: const Color(0xFF2196F3),
    inputDecorationTheme: InputDecorationTheme(
      // 配置错误提示文字样式，直接指定目标蓝色
      errorStyle: TextStyle(
        color: const Color(0xFF2196F3),
        fontSize: 12,
      ),
      // 统一配置错误状态下的输入框边框样式，和文字颜色保持一致
      errorBorder: OutlineInputBorder(
        borderSide: BorderSide(color: const Color(0xFF2196F3)),
      ),
      focusedErrorBorder: OutlineInputBorder(
        borderSide: BorderSide(color: const Color(0xFF2196F3)),
      )
    ),
  );
}

注意：在InputDecorationTheme中明确指定的errorBorder、focusedErrorBorder优先级高于顶层errorColor，配置后会覆盖顶层错误色对应的边框默认表现。

单组件局部配置方案 #

如果仅需要修改个别输入框的错误提示样式，不需要调整全局主题，可直接在对应TextFormField的decoration参数中局部覆盖配置：

TextFormField(
  decoration: InputDecoration(
    // 局部覆盖错误提示文字颜色
    errorStyle: TextStyle(color: Colors.blue),
    // 局部覆盖错误状态边框颜色
    errorBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.blue)
    )
  ),
  validator: (value) {
    if(value == null || value.isEmpty) {
      return '请输入书籍名称';
    }
    return null;
  },
)

常见配置误区 #

从Material 2.0版本开始，输入框的所有文字类样式（包括错误提示、辅助说明、计数文本）均归InputDecoration自身的样式属性管辖，顶层ThemeData.errorColor仅能影响边框、交互反馈色等非文字元素，无法直接控制文字颜色。

内容的提问来源于stack exchange，提问作者BNetz