Flutter切换暗黑模式报错：无法插值不同inherit值的TextStyles

问题根源 #

1. 直接使用Theme.of(context).textTheme作为GoogleFonts的基础文本主题，切换时新旧主题的TextStyleinherit属性不一致，触发插值失败错误；
2. 重复手动指定bodyMedium、displaySmall的Poppins样式，与GoogleFonts.poppinsTextTheme()生成的样式冲突，导致字体继承异常；
3. 主题构建未基于ThemeData.light()/ThemeData.dark()的标准基础主题，样式属性不统一。

修复方案 #

方案1：基于标准基础主题构建（简化版）

GoogleFonts.poppinsTextTheme()已为所有文本样式自动应用Poppins字体，无需单独重复设置：

Widget build(BuildContext context) {
  // 基于亮色标准主题构建Poppins文本主题
  final ThemeData lightThemeData = ThemeData.light().copyWith(
    textTheme: GoogleFonts.poppinsTextTheme(ThemeData.light().textTheme),
  );

  // 基于暗色标准主题构建Poppins文本主题
  final ThemeData darkThemeData = ThemeData.dark().copyWith(
    textTheme: GoogleFonts.poppinsTextTheme(ThemeData.dark().textTheme),
  );

  return GetMaterialApp(
    debugShowCheckedModeBanner: false,
    theme: darkmode ? darkThemeData : lightThemeData, // 修正主题切换逻辑：darkmode为true时用暗黑主题
    home: navbar(),
  );
}

方案2：需自定义部分文本样式时的写法

如果必须单独修改特定文本样式，确保基于对应基础主题的样式扩展：

Widget build(BuildContext context) {
  // 亮色主题：基于标准亮色文本主题扩展
  final lightBaseTextTheme = ThemeData.light().textTheme;
  final lightTextTheme = GoogleFonts.poppinsTextTheme(lightBaseTextTheme).copyWith(
    bodyMedium: lightBaseTextTheme.bodyMedium?.copyWith(
      fontFamily: GoogleFonts.poppins().fontFamily,
      // 可添加其他自定义属性，如字号、字重
    ),
    displaySmall: lightBaseTextTheme.displaySmall?.copyWith(
      fontFamily: GoogleFonts.poppins().fontFamily,
    ),
  );
  final ThemeData lightThemeData = ThemeData.light().copyWith(textTheme: lightTextTheme);

  // 暗色主题：基于标准暗色文本主题扩展
  final darkBaseTextTheme = ThemeData.dark().textTheme;
  final darkTextTheme = GoogleFonts.poppinsTextTheme(darkBaseTextTheme).copyWith(
    bodyMedium: darkBaseTextTheme.bodyMedium?.copyWith(
      fontFamily: GoogleFonts.poppins().fontFamily,
    ),
    displaySmall: darkBaseTextTheme.displaySmall?.copyWith(
      fontFamily: GoogleFonts.poppins().fontFamily,
    ),
  );
  final ThemeData darkThemeData = ThemeData.dark().copyWith(textTheme: darkTextTheme);

  return GetMaterialApp(
    debugShowCheckedModeBanner: false,
    theme: darkmode ? darkThemeData : lightThemeData,
    home: navbar(),
  );
}

额外注意事项 #

• 确保darkmode状态切换时触发UI更新（如StatefulWidget的setState或GetX的响应式状态更新）；
• 禁止在build方法中依赖Theme.of(context)构建新主题，避免旧主题属性干扰新主题的样式一致性。

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