Flutter中ElevatedButton背景色不随ThemeData自定义主题生效问题

你当前的问题核心是：ButtonThemeData是为旧版RaisedButton设计的配置项，而你使用的ElevatedButton属于Material 3组件体系，需要通过elevatedButtonTheme字段来配置主题样式，所以之前的设置不会生效。

修改后的ThemeData代码 #

把原代码中的buttonTheme替换为elevatedButtonTheme即可：

static ThemeData get lightTheme {
    return ThemeData(
      appBarTheme: const AppBarTheme(
        backgroundColor: Color.fromARGB(255, 24, 166, 64),
      ),
      primaryColor: const Color.fromARGB(255, 24, 166, 64),
      scaffoldBackgroundColor: Colors.white,
      brightness: Brightness.light,
      // 替换为ElevatedButton专属的主题配置
      elevatedButtonTheme: ElevatedButtonThemeData(
        style: ElevatedButton.styleFrom(
          backgroundColor: const Color.fromARGB(255, 24, 166, 64), // 设置按钮背景色
          foregroundColor: Colors.white, // 对应原ButtonTextTheme.primary的文字颜色
        ),
      ),
      textTheme: GoogleFonts.kanitTextTheme(),
    );
  }

额外优化方案（Material 3规范） #

如果你的项目采用Material 3设计，可以通过colorScheme统一配置主色，这样所有依赖主色的组件（包括ElevatedButton）都会自动适配，无需单独设置按钮主题：

static ThemeData get lightTheme {
    return ThemeData(
      colorScheme: ColorScheme.fromSeed(
        seedColor: const Color.fromARGB(255, 24, 166, 64),
        brightness: Brightness.light,
      ),
      appBarTheme: const AppBarTheme(
        backgroundColor: Color.fromARGB(255, 24, 166, 64),
      ),
      scaffoldBackgroundColor: Colors.white,
      textTheme: GoogleFonts.kanitTextTheme(),
    );
  }

你的ElevatedButton代码无需修改，重新运行后就能看到按钮显示预期的绿色背景。

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