Flutter中字符串与列表元素比较失效问题求助

初始代码的核心问题 #

1. 判断范围错误：初始代码通过report.topics.values.toList()获取了所有主题对应的完成quiz集合，再用expand展开成全局列表，这导致你判断的是全量完成项，而非当前topic对应的完成列表，逻辑完全偏离需求。
2. 硬索引判断逻辑错误：直接用a[1] == "flutter-basics"只校验了列表第二个元素，没有检查整个列表是否包含目标quizId，完全不符合“判断特定quizId是否存在”的初衷。

修改后代码的合理性 #

1. 精准锁定判断范围：通过report.topics[topic.id] ?? []直接获取当前topic对应的完成quiz列表，确保判断的是当前主题下的完成项，逻辑对齐需求。
2. 字符串拼接判断的替代优化：你用拼接字符串再contains的方式可行，但更简洁高效的写法是直接使用列表的contains方法：

if (completed.contains(quizId)) {
  return const Icon(FontAwesomeIcons.checkDouble, color: Colors.green);
} else {
  return const Icon(FontAwesomeIcons.solidCircle, color: Colors.grey);
}

之前直接用contains失效，大概率是因为初始代码的判断范围错误（用了全量列表而非当前主题列表），而非字符串类型问题（你已确认均为String）。

额外优化建议 #

• 增强类型安全性：避免使用无类型列表，声明为List<String>：

List<String> completed = (report.topics[topic.id] as List<String>?) ?? [];

• 优化Provider使用：用Consumer替代直接Provider.of，减少不必要的Widget重建：

@override
Widget build(BuildContext context) {
  return Consumer<Report>(
    builder: (context, report, child) {
      List<String> completed = (report.topics[topic.id] as List<String>?) ?? [];
      return completed.contains(quizId)
          ? const Icon(FontAwesomeIcons.checkDouble, color: Colors.green)
          : const Icon(FontAwesomeIcons.solidCircle, color: Colors.grey);
    },
  );
}

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