使用ElevatedButton设置color参数提示参数未定义错误如何解决？

报错原因 #

• Flutter 2.0及以上版本重构了按钮组件体系，ElevatedButton、TextButton、OutlinedButton均不再支持直接传入color命名参数，因此会触发参数未定义的报错。

解决方法 #

方案1：使用styleFrom快捷配置（推荐日常开发使用） #

将原color参数替换为style参数，通过ElevatedButton.styleFrom设置背景色即可，修改后的代码如下：

body: Center(
  child: ElevatedButton(
    child: Text('click'),
    onPressed: () {}  ,
    style: ElevatedButton.styleFrom(
      backgroundColor: Colors.green[300], // 按钮背景色，Flutter 3.0以下版本请替换为primary
      // 可额外配置其他样式，如文字颜色foregroundColor、圆角、内边距等
    ),
  ),
),

方案2：使用ButtonStyle实现多状态样式适配 #

如果需要根据按钮的不同状态（按下、禁用、悬停等）展示不同样式，可以传入ButtonStyle对象实现精细化控制：

style: ButtonStyle(
  // 所有状态下都使用同一种背景色
  backgroundColor: MaterialStateProperty.all(Colors.green[300]),
  // 如需分状态设置可以使用resolveWith
  // backgroundColor: MaterialStateProperty.resolveWith((states) {
  //   if (states.contains(MaterialState.disabled)) return Colors.grey;
  //   return Colors.green[300];
  // }),
)

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