Flutter组件库中无需传context检测应用深色模式的最佳方法

你原有代码有两个核心问题，会导致深色模式判断失效：

• 类型比对错误：MediaQuery.platformBrightness返回的是Brightness枚举，你用它和ThemeMode.light做比对，类型不匹配永远不会得到正确结果
• 取值逻辑错误：直接读platformBrightness只能拿到系统的明暗设置，如果你应用手动配置了固定浅色/深色模式、不跟随系统，这个值和实际生效的主题状态完全不符；如果组件被嵌套在其他独立的MediaQuery/Theme子树里，拿当前context取值也会和全局配置不一致。

方案1：默认推荐，无额外配置 #

不需要传任何参数，只要组件在应用的Widget树内，直接从当前生效的Theme取亮度即可，自动适配所有主题配置场景：

@override
Widget build(BuildContext context) {
  // 取值逻辑：当前生效主题为深色模式时返回true，兼容跟随系统/固定明暗三种模式
  final bool isDarkMode = Theme.of(context).brightness == Brightness.dark;
  return MyWidget();
}

这个方案是Flutter官方推荐的主题取值方式，只要你的StandardCard组件是挂载在MaterialApp的子树中，不需要额外传参，就能拿到和应用全局一致的明暗状态。

方案2：强一致性场景使用，完全不依赖组件context #

如果你的公共组件可能用在弹窗、Overlay、独立路由子树等场景，担心当前context被嵌套覆盖，可以用全局NavigatorKey的方式拿根层主题状态，同样不需要给组件传参：

1. 先在公共组件可访问的全局配置文件中定义根导航Key：

// 全局配置文件，所有公共组件都可以导入访问
final GlobalKey<NavigatorState> rootNavKey = GlobalKey<NavigatorState>();

2. 在应用入口的MaterialApp上绑定这个Key：

MaterialApp(
  navigatorKey: rootNavKey,
  // 其余主题、路由配置保持原有逻辑即可
  themeMode: ThemeMode.system,
  theme: ThemeData.light(),
  darkTheme: ThemeData.dark(),
)

3. 封装全局的深色模式判断方法，任何位置都可以直接调用，不需要传context：

bool get isAppInDarkMode {
  final rootContext = rootNavKey.currentContext;
  // 应用未初始化时返回默认值，可根据你的业务需求调整
  if (rootContext == null) return false;
  return Theme.of(rootContext).brightness == Brightness.dark;
}

之后你的StandardCard组件不管在什么位置渲染，直接调用isAppInDarkMode就能拿到应用全局的深色模式状态，完全不依赖组件自身的context，也不需要额外传参。

注意：不要在业务组件中直接读取MediaQuery.of(context).platformBrightness判断深色模式，这个值仅代表系统层面的明暗设置，不会响应应用自身的主题模式配置，很容易出现判断和实际UI不一致的问题。

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