Flutter中TextFormField设置焦点色、图标色不生效问题

• 主题配置适配问题：Flutter引入Material3设计规范后，绝大多数Material组件的交互状态色（包括输入框聚焦时的边框、标签、图标显示色）不再读取ThemeData根节点的primaryColor字段，而是优先读取colorScheme中的对应色值。仅配置primaryColor: Colors.red无法覆盖输入框组件的默认蓝色聚焦逻辑。
• 属性使用错误：InputDecoration中的focusColor属性仅控制输入框获取焦点时的水波纹扩散效果色，并不控制聚焦状态下的边框、文字、图标颜色；而直接配置的静态iconColor仅在输入框未聚焦、无特殊交互状态时生效，聚焦状态下的图标颜色会被主题默认色规则覆盖。
• 加载机制限制：全局主题配置在App启动时完成初始化，仅执行热重启在部分版本场景下无法完全替换根主题的缓存配置，会导致修改后的主题色不生效。

• 全局配置方案（推荐，一次配置全局输入框生效）
  替换原有主题配置，使用colorScheme统一管理组件色值，适配Material3规范：

  theme: ThemeData(
    fontFamily: 'Poppins',
    useMaterial3: true,
    // 统一配置色板，所有Material组件会默认读取该配置的主色
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.red,
      primary: Colors.red,
    ),
  ),
  

  配置完成后需要停止当前App运行进程后重新启动，不要使用热重启/热重载，否则主题缓存不会被清空，修改无法生效。

• 单控件单独配置方案（仅修改当前TextFormField样式）
  移除InputDecoration的const修饰，单独配置各状态下的颜色属性：

  TextFormField(
    cursorColor: Colors.red[600],
    decoration: InputDecoration(
      border: const UnderlineInputBorder(),
      filled: false,
      // 配置聚焦态下的边框样式
      focusedBorder: const UnderlineInputBorder(
        borderSide: BorderSide(color: Colors.red, width: 2),
      ),
      icon: const Icon(Icons.phone, color: Colors.red),
      hintText: 'Where can we reach you?',
      labelText: 'Phone Number *',
      // 配置标签文字颜色
      labelStyle: const TextStyle(color: Colors.red),
      prefixText: '+86',
      // 配置前缀文字颜色
      prefixStyle: const TextStyle(color: Colors.red),
    ),
    keyboardType: TextInputType.phone,
    onSaved: (String? value) {
      _phoneNumber = value;
      print('phoneNumber=$_phoneNumber');
    },
    inputFormatters: <TextInputFormatter>[
      FilteringTextInputFormatter.digitsOnly
    ],
  ),
  

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