Flutter中点击Card打印Firestore实时数据总是输出最后一个值如何解决

• 你在遍历Firestore文档的map循环中，重复给同一个类成员/全局变量cupcakeName赋值，每次迭代都会把cupcakeName覆盖为当前生成的Text组件。循环结束时cupcakeName已经被替换为列表最后一项对应的Text实例，所有Card的onTap触发时读取的都是这个最终值，因此每次都会打印最后一项的内容。listDocID变量同理，如果在其他地方调用也会出现同样的覆盖问题。

• 不需要额外定义成员变量存储遍历过程中的临时组件或数据，直接在onTap回调中读取当前迭代作用域下的局部变量即可，每次迭代的局部变量是独立的，不会被后续循环覆盖。

修改后的核心代码如下：

children: snapshot.data!.docs.map((DocumentSnapshot document) {
  Map<String, dynamic> data = document.data()! as Map<String, dynamic>;
  // 所有当前文档的临时数据都定义为该次迭代的局部变量
  final currentDocId = document.id;
  final currentCupcakeName = data['cupcake_name'];

  return Card(
    shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(12)),
    child: InkWell(
      onTap: () {
        // 直接打印当前迭代的局部变量即可
        print(currentCupcakeName);
        // 如果需要打印文档id也可以直接用 print(currentDocId);
      },
      child: Container(
        padding: EdgeInsets.all(16),
        child: Column(
          children: <Widget>[
            Text(
              currentCupcakeName,
              style: TextStyle(
                fontSize: 20,
                fontWeight: FontWeight.bold,
              ),
            ),
          ],
        ),
      ),
    ),
  );
}).toList(),

补充说明：后续如果需要操作当前卡片对应的数据，都直接使用当前迭代拿到的data、document对象即可，不要用类成员变量存储遍历过程中的临时值，避免被后续遍历覆盖。

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