Flutter收藏功能：添加项目后如何保持图标颜色状态？

云原生阿岚

2026-6-25

问题原因分析

你遇到的问题核心在于对象引用相等性 vs 值相等性的判断：

点击星星图标添加收藏时，当前的DATA实例被加入收藏列表。
几秒后StreamBuilder重新获取数据，生成了新的DATA实例（即使内容完全相同）。
FavoritesProvider的isFavorite方法用_favorites.contains(item)判断，而contains默认检查对象引用是否一致，新实例和收藏列表中的旧实例不是同一个对象，因此返回false，图标变回灰色。
收藏列表中确实存在该项目，只是UI判断时误判为未收藏。

解决方案

提供两种可行修复方案：

方案1：重写`DATA`类的相等性判断方法

在实现Favoritable的DATA类中，基于唯一标识（如id字段）重写==运算符和hashCode：

class DATA implements Favoritable {
  final String id; // 假设存在唯一id字段
  // 其他属性...

  DATA({required this.id, /* 其他参数 */});

  @override
  bool operator ==(Object other) {
    if (identical(this, other)) return true;
    return other is DATA && other.id == id;
  }

  @override
  int get hashCode => id.hashCode;

  // fromJson、toJson等其他方法...
}

这样contains会基于id值判断，而非对象引用，新生成的DATA实例只要id相同，就会被识别为已收藏。

方案2：修改`FavoritesProvider`的判断逻辑

若不想修改DATA类，直接调整FavoritesProvider的方法：

bool isFavorite(Favoritable item) {
  // 假设Favoritable接口有唯一id属性
  return _favorites.any((fav) => fav.id == item.id);
}

void removeFromFavorites(Favoritable item) {
  _favorites.removeWhere((fav) => fav.id == item.id);
  _saveFavorites();
  notifyListeners();
}

额外注意事项