如何在Dart/Flutter中使用RxList创建无重复元素的唯一列表？

初始化时直接去重 #

如果只需要在初始化阶段去除重复元素，借助Set自动去重的特性就能快速实现：

RxList<String> myList = RxList(["Canada", "India", "Canada"].toSet().toList());
print(myList); // 输出: ["Canada", "India"]

Set会自动过滤重复值，转回List后传入RxList即可得到初始无重复的响应式列表。

动态维护无重复的RxList #

如果需要后续添加元素时自动规避重复，可以自定义继承自RxList的子类，重写添加元素的核心方法：

class UniqueRxList<T> extends RxList<T> {
  UniqueRxList([List<T>? initial]) : super(initial?.toSet().toList() ?? []);

  @override
  void add(T element) {
    if (!contains(element)) super.add(element);
  }

  @override
  void addAll(Iterable<T> iterable) {
    final uniqueElements = iterable.where((e) => !contains(e));
    super.addAll(uniqueElements);
  }

  // 按需重写insert、insertAll等修改方法，确保全操作链路无重复
}

// 使用示例
UniqueRxList<String> myList = UniqueRxList(["Canada", "India", "Canada"]);
print(myList); // 输出: ["Canada", "India"]

myList.add("India"); // 重复元素不会被添加
print(myList); // 输出: ["Canada", "India"]

myList.addAll(["USA", "Canada"]); // 仅添加新元素USA
print(myList); // 输出: ["Canada", "India", "USA"]

用扩展方法快速处理已有RxList #

不想自定义子类的话，也可以给RxList添加扩展方法，实现一键去重或生成新的唯一列表：

extension UniqueRxListExtension<T> on RxList<T> {
  // 直接修改原列表为无重复状态
  void makeUnique() {
    final uniqueSet = Set<T>.from(this);
    clear();
    addAll(uniqueSet);
  }

  // 返回新的无重复RxList，不修改原列表
  RxList<T> get unique => RxList(toSet().toList());
}

// 使用示例
RxList<String> myList = RxList(["Canada", "India", "Canada"]);
myList.makeUnique();
print(myList); // 输出: ["Canada", "India"]

// 或者生成新列表
RxList<String> uniqueList = myList.unique;
print(uniqueList); // 输出: ["Canada", "India"]

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