Dart代码ElevatedButton与if语句报错，寻求解决方法

报错原因分析 #

• 回调函数括号闭合错误：MaterialStateProperty.resolveWith的回调函数提前闭合，导致if语句跑到了ElevatedButton的参数列表外，破坏了组件结构。
• 变量名不匹配：回调参数定义为State（大写），但判断时用了states（小写），变量未定义。
• 缺少默认返回值：MaterialStateProperty.resolveWith要求覆盖所有状态场景，必须提供默认的颜色返回。
• 括号嵌套混乱：整体代码的大括号、小括号配对错误，导致语法结构失效。

修复后的代码 #

child: ElevatedButton(
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.resolveWith<Color>(
      (Set<MaterialState> states) {
        if (states.contains(MaterialState.pressed)) {
          return Colors.green;
        }
        // 默认状态下的按钮颜色，可根据需求修改
        return Colors.blue;
      },
    ),
  ),
  child: Text(
    'Add task',
    style: GoogleFonts.roboto(fontSize: 10),
  ),
  onPressed: () {},
),

关键修复点说明 #

• 修正回调函数的括号位置：将if语句和返回逻辑全部包裹在resolveWith的回调函数内部。
• 统一变量名：将回调参数改为states，与判断时的变量名保持一致。
• 添加默认返回值：在if分支外补充默认颜色，确保所有状态下都有合法的颜色返回。
• 整理括号嵌套：重新梳理所有大括号、小括号的配对，保证组件参数结构正确。

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