Flutter如何渲染profile.id与user.id匹配的列表项？

错误原因 #

你之前的判断逻辑不生效，核心是profiles是列表集合，不是单个Profile实例，直接访问profiles.id无法取到单条数据的id属性，自然匹配失败。

正确实现方案 #

方案1：提前过滤匹配数据（推荐，性能更优） #

步骤1：预处理数据得到匹配项

如果只需要用到匹配的user数据：

// 筛选出存在对应profile的所有user
final matchedUsers = users.where((user) => profiles.any((profile) => profile.id == user.id)).toList();

如果需要同时用到匹配的user和profile数据：

// 生成user和对应profile的组合配对列表
final matchedPairs = users.expand(
  (user) => profiles
      .where((profile) => profile.id == user.id)
      .map((profile) => (user: user, profile: profile))
).toList();

步骤2：绑定到列表组件渲染

ListView.builder(
  itemCount: matchedPairs.length,
  itemBuilder: (context, index) {
    final current = matchedPairs[index];
    return ListTile(
      title: Text(current.user.name),
      subtitle: Text(current.profile.desc),
    );
  }
)

方案2：遍历过程中实时判断 #

适合组件嵌套层级少、数据量小的场景：

Column(
  children: [
    for (final user in users)
      if (profiles.any((profile) => profile.id == user.id))
        ListTile(title: Text(user.name))
  ]
)

大数据量优化方案 #

如果profiles数据量超过100条，建议提前转成id为key的Map，把匹配查询的时间复杂度从O(n)降到O(1)：

// 预处理生成id到profile的映射
final profileById = {for (final profile in profiles) profile.id: profile};
// 直接查Map完成过滤
final matchedUsers = users.where((user) => profileById.containsKey(user.id)).toList();

注意事项 #

• 需确保user.id和profile.id的类型完全一致，比如避免出现int类型id和String类型id比较的情况，会导致匹配失败。
• 若两个列表加载时机不同步，建议增加空判断避免空异常，比如profiles.isNotEmpty && users.isNotEmpty再执行过滤逻辑。

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