如何根据status_proposal状态动态设置CircleAvatar的backgroundColor？

你需要调整两个核心点来实现动态变色：修正颜色变量的作用域，以及移除CircleAvatar的const修饰符（动态值无法用于常量组件）。以下是修改后的完整代码：

Expanded(
  child: ListView.builder(
    itemCount: controller.proposal.length,
    padding: EdgeInsets.zero,
    itemBuilder: (context, index) {
      var item = controller.proposal[index];
      // 将color变量声明在判断逻辑外，确保后续可访问
      Color color;
      if (item["status_proposal"] == "REJECTED") {
        color = Colors.red;
      } else if (item["status_proposal"] == "SUBMITED") {
        color = Colors.blue;
      } else {
        color = Colors.green;
      }
      return Card(
        child: ListTile(
          leading: CircleAvatar( // 移除const修饰符
            backgroundColor: color, // 绑定动态计算的颜色
          ),
          title: Text(
            item["title"],
          ),
          subtitle: Text(item["deskripsi"]),
        ),
      );
    },
  ),
)

关键说明 #

• 变量作用域修正：原代码中color是在每个if/else块内单独声明的局部变量，外部无法访问。把Color color;放在判断逻辑前，才能让CircleAvatar拿到正确的颜色值。
• 移除const修饰符：const CircleAvatar要求所有属性都是常量，而动态计算的color不属于常量，必须去掉const否则会编译报错。

可选优化：用映射表简化逻辑 #

如果后续状态类型可能增加，用Map维护状态与颜色的对应关系会更简洁易维护：

Expanded(
  child: ListView.builder(
    itemCount: controller.proposal.length,
    padding: EdgeInsets.zero,
    itemBuilder: (context, index) {
      var item = controller.proposal[index];
      // 用映射表统一管理状态与颜色的对应关系
      final statusColorMap = {
        "REJECTED": Colors.red,
        "SUBMITED": Colors.blue,
      };
      // 从映射表取色，默认使用绿色
      Color color = statusColorMap[item["status_proposal"]] ?? Colors.green;
      return Card(
        child: ListTile(
          leading: CircleAvatar(
            backgroundColor: color,
          ),
          title: Text(item["title"]),
          subtitle: Text(item["deskripsi"]),
        ),
      );
    },
  ),
)

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