如何从Firestore获取并展示isReferralAvailable数组的所有值？

安全阿岳

2026-7-25

解决Firestore数组全量展示问题

1. 修正数据获取逻辑

确保完整取出每个ReferralCodes文档中的isReferralAvailable数组，而非仅提取索引1的元素。示例代码：

// 获取ReferralCodes集合下所有文档
QuerySnapshot snapshot = await FirebaseFirestore.instance.collection('ReferralCodes').get();
List<DocumentSnapshot> docs = snapshot.docs;

// 整理数据：保留每个文档的完整数组字段
List<Map<String, dynamic>> referralData = docs.map((doc) {
  return {
    'docId': doc.id,
    'isReferralAvailable': doc['isReferralAvailable'] ?? [], // 空数组兜底避免空指针
    // 其他需要的字段可在此添加
  };
}).toList();

2. 表格渲染时遍历数组

在表格单元格中循环遍历数组所有元素，替代单索引取值。以Flutter的DataTable为例：

方式1：单单元格展示所有数组元素（用分隔符拼接）

DataTable(
  columns: const [
    DataColumn(label: Text('文档ID')),
    DataColumn(label: Text('可用推荐项')),
  ],
  rows: referralData.map((data) {
    // 将数组元素用逗号拼接成字符串
    String availableItems = data['isReferralAvailable'].join(', ');
    return DataRow(cells: [
      DataCell(Text(data['docId'])),
      DataCell(Text(availableItems)),
    ]);
  }).toList(),
)

方式2：每个数组元素单独占一行

DataTable(
  columns: const [
    DataColumn(label: Text('文档ID')),
    DataColumn(label: Text('可用推荐项')),
  ],
  rows: referralData.expand((data) {
    // 拆分数组，为每个元素生成一行
    return data['isReferralAvailable'].map((item) {
      return DataRow(cells: [
        DataCell(Text(data['docId'])),
        DataCell(Text(item.toString())),
      ]);
    });
  }).toList(),
)