Flutter使用ButtonBar承载ElevatedButton时背景色修改无效始终为灰色

• 你配置的primary色值仅作用于可交互激活状态的ElevatedButton
• 代码中两个按钮的onPressed都被设置为null，此时组件自动进入禁用状态，系统会完全忽略你配置的primary背景色，强制套用主题默认的禁用态灰色渲染，这就是怎么调primary都不生效的原因。

方案1：测试阶段需要展示自定义激活态样式 #

直接把onPressed为null的配置替换为空的点击回调，让按钮进入可交互的激活态：

// 替换原来的 onPressed: null
onPressed: () {},

修改完成后你之前配置的白色、黑色按钮背景，以及配套的边框、圆角样式都会正常生效。

方案2：初始状态需要保持禁用、同时自定义禁用态样式 #

不要用primary配置禁用态颜色，改用ElevatedButton.styleFrom提供的onSurface参数，这个参数才是控制禁用状态下按钮背景、文字颜色的配置项：

ElevatedButton(
  child: const Text(
    'Create an Account',
    style: TextStyle(color: Colors.orange)
  ),
  onPressed: null, // 保持禁用状态
  style: ElevatedButton.styleFrom(
    primary: Colors.white, // 激活态白底
    onSurface: Colors.white.withOpacity(1), // 禁用态白底
    side: const BorderSide(width: 2.0, color: Colors.orange),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(20.0)
    )
  ),
)

• 旧版本Flutter中禁用态默认会给按钮加半透明遮罩，如果需要完全不透明的自定义禁用色，记得在onSurface配置中把色值的不透明度拉满
• ButtonBar组件本身不会强制覆盖子按钮的样式，整个渲染逻辑完全由子级ElevatedButton自身的状态决定，不需要修改ButtonBar的配置。

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