Flutter中Firestore遍历问题：return导致for循环提前终止

问题核心就是你在for (final eleman in data)循环里，找到第一个符合条件的文档后直接用return返回了Card，导致循环中断，后面的文档根本没机会处理。要遍历所有符合条件的文档，得把所有符合条件的Card先收集起来，最后统一返回。

修改后的代码 #

Widget getCustomerRepairLog() {
  final user = FirebaseAuth.instance.currentUser!;
  final _repairLogs = FirebaseFirestore.instance.collection('Repair').get();
  return FutureBuilder<QuerySnapshot>(
    future: _repairLogs,
    builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
      // 处理加载状态
      if (snapshot.connectionState == ConnectionState.waiting) {
        return const Center(child: CircularProgressIndicator());
      }
      
      if (snapshot.hasError) {
        return Text('加载出错: ${snapshot.error}');
      }

      if (!snapshot.hasData || snapshot.data!.docs.isEmpty) {
        return const Text("暂无维修记录");
      }

      // 收集所有符合条件的Card
      List<Widget> repairCards = [];
      final data = snapshot.data!.docs;
      
      for (final eleman in data) {
        debugPrint(eleman.id);
        final currentData = eleman.data() as Map<String, dynamic>;
        
        if (currentData['email'] == user.email) {
          // 注意：如果getCustomerRepairLogDate需要当前文档的日期，这里要传参数进去
          final dateWidget = getCustomerRepairLogDate(); // 建议改成getCustomerRepairLogDate(currentData['date'])
          
          repairCards.add(
            Card(
              child: Padding(
                padding: const EdgeInsets.fromLTRB(10, 0, 0, 0),
                child: Column(
                  children: [
                    const Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text('Yapılan İşlemler'),
                      ],
                    ),
                    const SizedBox(height: 10),
                    Row(
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            for (final index in currentData['title'])
                              Row(
                                children: [
                                  Icon(
                                    Icons.done_all_rounded,
                                    color: LightTheme.iconColor,
                                  ),
                                  Text(index),
                                ],
                              )
                          ],
                        ),
                      ],
                    ),
                    const SizedBox(height: 50),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        Icon(
                          Icons.calendar_month_rounded,
                          color: LightTheme.iconColor,
                        ),
                        dateWidget
                      ],
                    ),
                  ],
                ),
              ),
            ),
          );
        }
      }

      // 根据收集到的卡片返回对应Widget
      if (repairCards.isEmpty) {
        return const Text("暂无属于你的维修记录");
      }

      // 用ListView展示多个Card，避免溢出
      return ListView(
        padding: const EdgeInsets.all(8),
        children: repairCards,
      );
    },
  );
}

关键修改点 #

• 移除循环内的return：把符合条件的Card添加到repairCards列表，而不是直接返回，这样所有符合条件的文档都会被处理。
• 完善状态处理：添加了加载中、错误、无数据的状态判断，提升用户体验。
• 用ListView展示多卡片：如果直接用Column，内容过多会导致溢出，ListView可以滚动，更适合展示多个列表项。
• 日期方法的提示：原代码里的getCustomerRepairLogDate()如果是固定值，所有卡片日期会一样，建议改成接收当前文档的日期参数，比如从currentData里取出日期字段传进去。

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