Flutter项目Firebase Firestore读取Title返回Null问题求助

问题现象 #

从Firebase Firestore读取商品数据时，仅Title字段返回Null，Image和Price字段能正常获取，预期三个字段都能正确读取。

错误根源 #

字段名称不匹配导致映射失败：

• 向Firestore存储数据时，商品名称用的是name字段（clothes_list_screen.dart中addClothesToFirestore方法）
• 模型类Clothes中用title字段映射Firestore数据
• UI读取时调用的是clothe[index].title

三者字段名不一致，导致无法正确映射数据，最终Title返回Null。

修复步骤 #

1. 统一Firestore存储的字段名 #

修改clothes_list_screen.dart中的addClothesToFirestore方法，将存储的字段name改为title，与模型类和UI读取的字段名保持一致：

Future<void> addClothesToFirestore() async {
  final firestore = FirebaseFirestore.instance;

  if (clotheImage.isNotEmpty && clotheName.isNotEmpty) {
    await firestore.collection('clothes').add({
      'image': clotheImage,
      'title': clotheName, // 将name改为title
      'price': clothePrice,
    });
  } else {
    return;
  }
}

2. 修正表单验证逻辑（可选） #

prouduct_add_screen.dart中textFieldValidation方法的条件判断有误，当前用||会导致表单验证不通过时仍执行后续代码，建议改为&&：

if (_formKey.currentState!.validate() && prouductNameController != null) {
  // 原有逻辑
}

3. 清理旧数据（重要） #

由于之前存储的数据用的是name字段，已存在的旧数据仍会显示Title为Null，需要手动删除Firestore中clothes集合的旧数据，确保新存储的数据能正确映射。

额外优化建议 #

• 修正代码中的拼写错误：prouduct统一改为product（如控制器名称、类名等），避免后续维护混淆
• 存储图片路径时，本地路径仅在当前设备有效，若要跨设备显示，建议将图片上传至Firebase Storage后存储下载URL，而非本地文件路径

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