Flutter中如何去除DropdownMenuItem中的重复项？

要解决Dropdown选项重复的问题，核心是对从Firestore获取的from字段值进行去重处理，以下是具体实现方案：

关键思路 #

直接遍历所有文档生成选项会导致重复，因此需要先提取所有from值，利用集合（Set）自动去重的特性，将重复值过滤后再生成Dropdown选项。同时要确保初始值存在于去重后的列表中，避免Dropdown报错。

修改后的完整代码 #

late final Stream<QuerySnapshot> routes = Database().getRoutes();

StreamBuilder<QuerySnapshot>(
  stream: routes,
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
    // 处理加载状态
    if (snapshot.connectionState == ConnectionState.waiting) {
      return const CircularProgressIndicator();
    }
    // 处理错误状态
    if (snapshot.hasError) {
      return Text('加载失败: ${snapshot.error}');
    }
    // 处理无数据状态
    if (!snapshot.hasData || snapshot.data!.docs.isEmpty) {
      return const Text('暂无路线数据');
    }

    final data = snapshot.requireData;
    // 提取所有from字段值并去重
    final uniqueFromValues = data.docs
        .map((doc) => doc['from'].toString())
        .toSet()
        .toList();

    // 确保初始值在去重后的列表中
    if (!uniqueFromValues.contains(fromValue.value)) {
      fromValue.value = uniqueFromValues.first;
    }

    return Column(
      children: [
        Obx(() {
          return DropdownButton<String>(
            value: fromValue.value,
            icon: const Icon(Icons.keyboard_arrow_down),
            alignment: AlignmentDirectional.center,
            underline: Container(
              height: 1,
              color: Colors.deepPurple.shade100,
            ),
            // 基于去重后的列表生成选项
            items: uniqueFromValues.map((value) {
              return DropdownMenuItem<String>(
                value: value,
                child: Text(value),
              );
            }).toList(),
            onChanged: (newValue) {
              if (newValue != null) {
                fromValue.value = newValue;
              }
            },
          );
        }),
      ],
    );
  },
)

额外优化说明 #

1. 状态完善：补充了加载中、错误、无数据的UI处理，避免页面出现异常
2. 空值安全：在onChanged中增加了非空判断，符合Dart空安全规范
3. 查询层可选优化：如果数据量较大，也可以在Firestore查询时使用distinct()配合orderBy()实现服务端去重，但需要注意配置对应索引，客户端去重更适合小规模数据场景

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