Flutter如何通过根主题全局设置TextFormField聚焦时边框、图标、标签颜色

• 目前Flutter稳定版默认启用Material 3设计规范，primaryColor等旧版本主题属性优先级低于colorScheme，且部分旧属性已被标记为废弃
• TextFormField的聚焦状态样式默认读取colorScheme.primary属性，而非你配置的secondary属性，这就是修改后仍然显示默认蓝色的核心原因

你可以直接在根主题的inputDecorationTheme中明确配置各个状态下的样式，所有TextFormField会自动套用该配置，无需单独修改每个组件：

return MaterialApp(
  title: 'Notes',
  home: SignInPage(),
  debugShowCheckedModeBanner: false,
  theme: ThemeData(
    // 如果不需要Material 3可以设为false，旧版本主题逻辑会生效
    useMaterial3: true,
    // 配置全局颜色方案
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.green,
      primary: Colors.green[800]!,
    ),
    floatingActionButtonTheme: FloatingActionButtonThemeData(
      backgroundColor: Colors.blue[900],
    ),
    inputDecorationTheme: InputDecorationTheme(
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(8),
      ),
      // 未聚焦状态边框样式
      enabledBorder: OutlineInputBorder(
        borderRadius: BorderRadius.circular(8),
        borderSide: const BorderSide(color: Colors.grey),
      ),
      // 聚焦状态边框样式
      focusedBorder: OutlineInputBorder(
        borderRadius: BorderRadius.circular(8),
        borderSide: BorderSide(color: Colors.green[800]!),
      ),
      // 前缀图标状态颜色
      prefixIconColor: MaterialStateColor.resolveWith((states) {
        if (states.contains(MaterialState.focused)) {
          return Colors.green[800]!;
        }
        return Colors.grey;
      }),
      // 标签文字状态颜色
      labelStyle: MaterialStateTextStyle.resolveWith((states) {
        if (states.contains(MaterialState.focused)) {
          return TextStyle(color: Colors.green[800]!);
        }
        return const TextStyle(color: Colors.grey);
      }),
    ),
  ),
);

注意：如果你仅需要统一所有组件的主色调为绿色，也可以直接修改colorScheme.primary为目标绿色，不需要单独配置inputDecorationTheme下的各个状态属性，所有默认读取主色的组件会自动适配

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