Flutter中ThemeData配置primaryColor修改TextButton颜色不生效

配置不生效是两个规则叠加导致的：

• 按钮样式优先级规则：Flutter 中Material系列按钮的样式遵循「组件内显式传入style > 组件树父级传递的ButtonStyle > 全局Theme中对应按钮主题配置 > 组件默认样式」的优先级。你在单个TextButton代码中手动传入了primary: Theme.of(context).primaryColor，这行配置会直接覆盖全局textButtonTheme里的颜色设置。
• 主题字段适配问题：Material3规范下，ThemeData顶层的primaryColor字段已经不再作为TextButton等组件的默认取色来源，直接读取Theme.of(context).primaryColor的写法本身不符合新的主题设计逻辑；且高版本Flutter中TextButton.styleFrom的primary参数已经被废弃，替换为foregroundColor控制按钮前景（文字、图标）颜色，旧参数写法在高版本上也会失效。

根据你是否需要给单个按钮做特殊样式调整，选对应方案即可：

全局统一配置（无特殊样式需求时） #

优先在colorScheme中统一定义全局主色，公共按钮样式放到textButtonTheme中，单个按钮不要重复传样式参数：

1. 全局主题配置代码：

darkTheme: ThemeData(
  useMaterial3: true, // 显式声明使用Material3规范，避免默认样式不一致
  colorScheme: const ColorScheme.dark(
    primary: Colors.white, // 全局主色统一在colorScheme中定义，所有合规组件默认读取该值
  ),
  textButtonTheme: TextButtonThemeData(
    style: TextButton.styleFrom(
      foregroundColor: Colors.white, // 高版本用foregroundColor替代原primary参数，定义按钮文字颜色
      textStyle: const TextStyle(fontSize: 16), // 公共文字样式也可放在全局统一配置
    ),
  ),
),

2. 对应TextButton组件代码，无需额外传style即可自动继承全局配置：

TextButton(
  onPressed: () {},
  child: const Text("Hellosir"),
)

局部按钮需要微调样式时 #

如果单个TextButton需要调整字号、边距等特殊样式，不要直接新建独立的TextButton.styleFrom覆盖全局配置，要基于全局主题样式做合并，只修改你需要调整的属性：

TextButton(
  style: Theme.of(context).textButtonTheme.style?.copyWith(
    // 仅传入需要修改的属性，比如这里单独调大字号，颜色会自动继承全局配置
    textStyle: MaterialStateProperty.all(const TextStyle(fontSize: 18)),
  ),
  onPressed: () {},
  child: const Text("Hellosir"),
)

补充：如果项目还在使用Flutter 3.0以下的旧版本，TextButton.styleFrom的primary参数暂未废弃，也建议统一用colorScheme管理全局色值，不要直接读取顶层primaryColor，避免后续版本升级出现样式兼容问题。

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