Flutter ListView重复加载Firebase乘客数据问题求助

问题分析 #

你遇到的核心问题是每次点击查看按钮时，dList中的数据没有被正确重置，导致新数据追加到旧数据后，最终出现重复条目。虽然代码开头写了dList.clear()，但异步回调的混用可能导致清空和数据添加的逻辑出现时序问题，或者数据加载完成后没有正确触发UI更新。

解决方案 #

1. 优化数据获取逻辑，避免异步回调混用 #

将await和then的混合写法改为纯async/await，让代码逻辑更清晰，同时确保dList清空后再添加新数据：

Future<void> retrieveOnlinePassengersInformation(List onlineNearestPassengersList) async {
  // 彻底清空列表，确保每次都是全新数据
  dList.clear();

  DatabaseReference ref = FirebaseDatabase.instance.ref().child("passengers");
  
  for (var passenger in onlineNearestPassengersList) {
    // 用await直接获取快照，避免then回调的时序问题
    final dataSnapshot = await ref.child(passenger.passengerId.toString()).once();
    var passengerKeyInfo = dataSnapshot.snapshot.value;
    // 过滤空数据，避免无效条目
    if (passengerKeyInfo != null) {
      dList.add(passengerKeyInfo);
    }
  }

  // 数据加载完成后强制更新UI
  setState(() {});
}

2. 确保数据获取方法只被触发一次 #

检查调用retrieveOnlinePassengersInformation的按钮点击逻辑，避免重复触发：

// 示例：按钮点击事件
onTap: () {
  // 每次点击只调用一次数据获取方法
  retrieveOnlinePassengersInformation(onlineNearestPassengersList);
  // 导航到乘客列表页面（如果是跳转页面的场景）
  Navigator.push(context, MaterialPageRoute(builder: (_) => PassengerListPage()));
}

3. 页面初始化时加载数据（可选） #

如果乘客列表是单独页面，可在页面初始化时加载数据，确保每次进入页面都重新获取最新数据：

@override
void initState() {
  super.initState();
  // 页面创建时自动加载数据
  retrieveOnlinePassengersInformation(onlineNearestPassengersList);
}

效果验证 #

修改后，每次打开ListView时，dList会先被清空，再重新从Firebase获取最新的活跃乘客数据，不会出现重复累加的情况，与预期结果一致。

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