Flutter中如何获取Iterable调用.toList()转换后的列表长度

1. 最简便的长度获取方式 #

你要的Card总数量和Firestore返回的文档集合长度完全一致，不需要等转成Widget列表再统计，直接通过snapshot.data!.docs的内置length属性赋值即可：

// 直接获取查询返回的文档总数，就是Card的总数量
int Length = snapshot.data!.docs.length;

2. 修复现有代码的语法错误 #

你贴的代码中.toList()的调用位置有误，写在了Card的构造闭包内部，应该作为map方法返回值的调用，修正后可正常渲染Card列表：

Column(
  children: snapshot.data!.docs
      .map((doc) => Card(
            title: doc["title"],
          ))
      .toList(growable: true),
)

3. 如需显式获取转换后的Widget列表长度 #

如果你有特殊场景需要拿到map转成Widget列表后的长度，可以先把列表存在临时变量中再取值：

// 先构造完整的Card Widget列表
final List<Widget> cardList = snapshot.data!.docs
    .map((doc) => Card(
          title: doc["title"],
        ))
    .toList(growable: true);
// 赋值长度
int Length = cardList.length;

// 渲染时直接复用这个列表即可
Column(
  children: cardList,
)

4. 页面展示总数量示例 #

如果需要把总数量渲染到页面上，可参考如下写法放在列表顶部：

Column(
  children: [
    // 展示统计的总数量
    Padding(
      padding: EdgeInsets.all(16),
      child: Text("卡片总数量：$Length"),
    ),
    // 展开渲染所有Card
    ...cardList
  ],
)

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