Getx控制器变量返回空列表：Firestore新增列表不显示问题

1. 控制器重复初始化导致流丢失 #

你在GetX的init参数中每次重建builder时都会创建新的ArrayController实例，这会覆盖之前绑定了Firestore流的控制器，导致新控制器的arrayList从未接收到流数据。

修复方案：

• 在页面的初始化阶段（比如initState）一次性初始化控制器：

@override
void initState() {
  super.initState();
  // 仅初始化一次控制器
  Get.put(ArrayController());
}

• 移除GetX中的init参数，直接使用Get.find()获取已初始化的控制器：

GetX<ArrayController>(
  builder: (arrayController) {
    // ... 原ListView代码
  },
)

2. ArrayModel中todos字段解析错误 #

添加Firestore文档时并未写入todos字段，但fromDocumentSnapshot直接赋值doc["todos"]，这会导致null无法转换为List<Todo>，进而中断流的映射过程，使得arrayList始终为空。

修复方案：
修改ArrayModel的构造函数，处理todos字段的null情况：

ArrayModel.fromDocumentSnapshot(DocumentSnapshot doc) {
  title = doc["title"];
  id = doc.id;
  // 若Firestore中无todos字段，默认赋值为空列表
  todos = (doc["todos"] as List?)?.map((todo) => Todo.fromMap(todo)).toList() ?? [];
  dateCreated = doc["dateCreated"];
}

如果Todo类还没有fromMap构造函数，可暂时直接设为空列表：

todos = [];

3. 流错误未捕获 #

Firestore流可能因权限、网络等问题抛出错误，但当前代码未处理错误，会导致流中断，arrayList无法更新。

修复方案：
在控制器的onInit中添加流错误处理：

@override
void onInit() {
  String uid = Get.find<AuthController>().user!.uid;
  arrayList.bindStream(
    Database().arrayStream(uid).handleError((error) {
      print("Firestore流错误: $error");
    })
  );
}

4. 调试辅助：确认流是否返回数据 #

在arrayStream中添加打印，验证Firestore是否返回了文档：

Stream<List<ArrayModel>> arrayStream(String uid) {
  return _firestore
      .collection("users")
      .doc(uid)
      .collection("arrays")
      .orderBy("dateCreated", descending: true)
      .snapshots()
      .map((QuerySnapshot query) {
        print("获取到的文档数量: ${query.docs.length}");
        List<ArrayModel> retVal = [];
        for (var element in query.docs) {
          print("文档数据: ${element.data()}");
          retVal.add(ArrayModel.fromDocumentSnapshot(element));
        }
        return retVal;
      });
}

额外优化：Dismissible的删除逻辑 #

当前删除操作仅修改内存中的列表，未同步到Firestore，刷新后数据会恢复。建议调用Database的删除方法：

// 先在Database中实现删除方法
Future<void> deleteArray(String uid, String arrayId) async {
  try {
    await _firestore.collection("users").doc(uid).collection("arrays").doc(arrayId).delete();
  } catch (e) {
    rethrow;
  }
}

// 然后在Dismissible的onDismissed中调用
onDismissed: (_) {
  HapticFeedback.heavyImpact();
  String arrayId = arrayController.arrays[index].id!;
  String uid = Get.find<AuthController>().user!.uid;
  Database().deleteArray(uid, arrayId);
},

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