Flutter项目如何正确拉取Firebase中已存储的PostData类型数据？

• 核心问题：你当前的fetchProducts方法完全没有使用Firestore返回的文档数据，所有参数都是硬编码的默认值，自然无法拿到存储的真实数据
• 次要问题1：PostData的mapToObject是实例方法，必须先创建实例才能调用，设计逻辑不合理，且没有做类型兼容处理，Firebase返回的num类型直接赋值给int/double会触发类型异常
• 次要问题2：字段映射不一致：
  • PostData类未声明postersRole成员变量，但构造方法和mapToObject中都有该参数的处理
  • 类成员imageLink未在构造参数中声明，序列化toMap时该字段永远为null
  • toMap方法未序列化postersRole字段，拉取时无法读取该值

1. 修正PostData类逻辑 #

将mapToObject改为工厂构造方法，补全缺失的成员变量，添加类型转换，对齐字段映射：

class PostData with ChangeNotifier{
  int likesCount;
  String? imageLink; // 可空或根据业务需求给默认值
  List likes;
  int timestamp;
  String postersName;
  String postersId;
  String postersImageUrl;
  String postersRole; // 补全缺失的成员变量
  List postSavedByUsers;
  String title;
  String id;
  String description;
  double price;
  String imageUrl;
  String productCategoryName;
  String brand;
  bool isPopular;
  String productId;

  PostData(
      this.likesCount,
      this.imageLink, // 补全到构造参数
      this.likes,
      this.timestamp,
      this.postersName,
      this.postersId,
      this.postersImageUrl,
      this.postersRole,
      this.postSavedByUsers,
      this.title,
      this.id,
      this.description,
      this.price,
      this.imageUrl,
      this.productCategoryName,
      this.brand,
      this.isPopular,
      this.productId,
  );

  PostData.zero();

  // 改为工厂构造方法，添加类型安全转换
  factory PostData.fromMap(Map<String, dynamic> map) {
    return PostData(
        (map["likes_count"] as num).toInt(),
        map["image_link"],
        map["likes"] ?? [],
        (map["timestamp"] as num).toInt(),
        map["posters_name"] ?? "",
        map["posters_id"] ?? "",
        map["posters_image_url"] ?? "",
        map["posters_role"] ?? "member", // 给默认值避免为空
        map["post_saved"] ?? [],
        map["title"] ?? "",
        map["id"] ?? "",
        map["description"] ?? "",
        (map["price"] as num).toDouble(),
        map["imageUrl"] ?? "",
        map["productCategoryName"] ?? "",
        map["brand"] ?? "",
        map["isPopular"] ?? false,
        map["productId"] ?? "",
    );
  }

  // 改为静态方法，无需实例即可调用
  static List<PostData> forArrayToObject(
      List<QueryDocumentSnapshot<Map<String, dynamic>>> data) {
    List<PostData> postListData = [];
    for (var object in data) {
      postListData.add(PostData.fromMap(object.data()));
    }
    return postListData;
  }

  Map<String, dynamic> toMap() {
    Map<String, dynamic> map = {
      "likes_count": likesCount,
      "image_link": imageLink,
      "likes": likes,
      "posters_name": postersName,
      "posters_id": postersId,
      "posters_image_url": postersImageUrl,
      "posters_role": postersRole, // 补全序列化字段
      "post_saved": postSavedByUsers,
      "title": title,
      "id": id,
      "timestamp": timestamp,
      "description": description,
      "price": price,
      "imageUrl": imageUrl,
      "productCategoryName": productCategoryName,
      "brand": brand,
      "isPopular": isPopular,
      "productId": productId
    };
    return map;
  }
}

2. 修正fetchProducts拉取逻辑 #

直接使用查询到的文档数据调用PostData.fromMap创建实例即可：

Future<void> fetchProducts() async {
  print('Fetch method is called');
  final productsSnapshot = await FirebaseFirestore.instance.collection('post').get();
  _products = [];
  for (var doc in productsSnapshot.docs) {
    final postData = PostData.fromMap(doc.data() as Map<String, dynamic>);
    _products.insert(0, postData);
  }
  // 如果你使用Provider等状态管理，此处调用notifyListeners()即可更新UI
}

可选优化 #

如果业务逻辑中确实不需要postersRole、imageLink字段，可以直接从构造方法、序列化、反序列化逻辑中删除对应字段，减少冗余代码。

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