如何从Firestore数组中获取Map数据值并填充Dropdownlist

你的代码存在两个核心问题：

1. 错误遍历了Firestore集合中的文档，而非文档内的Location数组；
2. 使用了未定义的index变量，导致无法正确读取数组内的name字段。

结合你提供的Firebase集合结构（单文档内包含Location数组），修改后的代码如下：

StreamBuilder<QuerySnapshot>(
  stream: FirebaseFirestore.instance.collection('location').snapshots(),
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
    if (!snapshot.hasData) return const SizedBox.shrink();
    
    // 获取集合中的第一个目标文档
    final doc = snapshot.data!.docs.first;
    // 提取文档内的Location数组，为空时返回空列表
    final List<dynamic> locationList = doc['Location'] ?? [];

    // 仅当选中值为空时设置默认值
    if (Storagelocation == null || Storagelocation.isEmpty) {
      Storagelocation = locationList.isNotEmpty ? locationList[0]['name'] : '';
    }

    return DropdownButton<String>(
      isExpanded: false,
      value: Storagelocation,
      // 遍历Location数组生成下拉选项
      items: locationList.map((location) {
        final name = location['name'] ?? '';
        return DropdownMenuItem(
          value: name,
          child: Text(name),
        );
      }).toList(),
      onChanged: (String? data) {
        if (data != null) {
          setState(() {
            Storagelocation = data;
          });
        }
      },
    );
  },
);

关键修改点说明 #

• 直接定位集合内的目标文档（若集合存在多个文档，可通过doc.id精准指定），提取其中的Location数组；
• 遍历Location数组而非文档列表，确保数组内每个name字段都被转为下拉选项；
• 优化默认值逻辑：仅当选中状态为空时初始化，避免Widget重建时重置选中值；
• 增加空值判断，防止数组或name字段为空引发异常。

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