Flutter从Firebase获取数组报错：Configurations类无[]方法

错误原因：你在UI代码中把Configurations实例当作Map使用（brands['brands']），但Configurations类并未实现[]运算符，导致报错。以下是具体修正步骤：

1. 修正数据读取方法的类型 #

将readConfi的返回类型从Stream<List<dynamic>>改为Stream<List<Configurations>>，明确类型避免动态类型问题：

Stream<List<Configurations>> readConfi() {
  return FirebaseFirestore.instance
      .collection('Configurations')
      .snapshots()
      .map((snapshot) => snapshot.docs
          .map((doc) => Configurations.fromJson(doc.data()))
          .toList());
}

2. 修正StreamBuilder泛型与UI遍历逻辑 #

snapshot.data实际是List<Configurations>类型，每个元素是Configurations对象，需先获取对象内的brands列表，再遍历生成ListTile：

Expanded(
  child: StreamBuilder<List<Configurations>>(
    stream: readConfi(),
    builder: (context, snapshot) {
      print(snapshot.error);
      if (snapshot.hasData && snapshot.data!.isNotEmpty) {
        // 获取第一个配置文档中的brands数组（适配单文档配置场景）
        final brands = snapshot.data!.first.brands;
        
        return ListView(
          children: brands.map<Widget>((brand) {
            return ListTile(
              title: Text(brand.toString()),
            );
          }).toList(),
        );
      } else {
        return const Center(
          child: CircularProgressIndicator(),
        );
      }
    },
  ),
)

多文档场景适配 #

如果Configurations集合存在多个文档，可合并所有文档的brands数据：

if (snapshot.hasData) {
  final configs = snapshot.data!;
  final allBrands = configs.expand((config) => config.brands).toList();
  
  return ListView(
    children: allBrands.map<Widget>((brand) {
      return ListTile(
        title: Text(brand.toString()),
      );
    }).toList(),
  );
}

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