Flutter中使用Theme修改指定Text组件亮度不生效如何解决？

问题原因 #

• Text组件默认优先读取最近的DefaultTextStyle配置，而非直接拉取当前主题的textTheme属性。示例中Scaffold已经根据根主题的Brightness.dark给整个body区域设置了文字颜色为白色的DefaultTextStyle，你在Text外层包裹的Theme组件没有同步更新对应的DefaultTextStyle，因此Text还是沿用了上层的白色样式。
• 直接新建ThemeData实例的方式没有继承父主题的其他配置，也不会主动将对应亮度的文本样式同步给子节点。

解决方法 #

推荐两种可行的实现方案：

方案1：搭配DefaultTextStyle手动应用主题文本样式

通过Builder获取新Theme的上下文，手动将当前主题的文本样式设置给子节点：

Theme(
  data: Theme.of(context).copyWith(
    brightness: Brightness.light,
    primaryColor: Colors.blue,
  ),
  child: Builder(
    builder: (context) => DefaultTextStyle(
      style: Theme.of(context).textTheme.bodyLarge ?? const TextStyle(),
      child: Text("This should be black"),
    ),
  ),
)

方案2：新增Material组件自动同步样式

Material组件会自动根据当前主题的亮度配置，给子节点设置对应的默认文本样式，不需要手动配置文本样式：

Theme(
  data: Theme.of(context).copyWith(
    brightness: Brightness.light,
    primaryColor: Colors.blue,
  ),
  child: Material(
    color: Colors.transparent, // 不需要背景色可设为透明
    child: Text("This should be black"),
  ),
)

注意：修改主题时优先使用Theme.of(context).copyWith的方式调整属性，不要直接新建ThemeData实例，可以保留父主题的其他配置，避免出现样式异常。

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