Flutter Firestore PDF应用：PDFViewer无法显示首个文档求助

核心问题1：全局变量pdfData未被正确赋值 #

在getAllPdfs函数中，你声明了局部变量pdfData，覆盖了全局的同名变量，并且setState内部没有更新全局的pdfData，导致UI无法获取到正确的文档数据。此外，Firestore文档的data()方法返回的是Object?类型，需要显式转换为Map<String, dynamic>。

核心问题2：pickFile中重复上传PDF #

你连续调用了两次uploadPdf，会导致同一个PDF被重复上传到Storage，浪费资源且可能产生无效的下载链接。

修复后的关键代码 #

1. 修正getAllPdfs函数

Future<void> getAllPdfs() async{
  QuerySnapshot querySnapshot = await _firebaseFirestore.collection('pdfs').get();
  
  // 去掉局部变量final，直接赋值给全局pdfData，同时转换类型
  pdfData = querySnapshot.docs
      .map((doc) => doc.data() as Map<String, dynamic>)
      .toList();
  
  setState(() {}); // setState触发UI更新
  print(pdfData.length);
}

2. 修正pickFile函数

void pickFile() async {
  final pickedFile = await FilePicker.platform.pickFiles(
    type: FileType.custom,
    allowedExtensions: ['pdf'],
  );

  if (pickedFile != null) {
    String fileName = pickedFile.files[0].name;
    File file = File(pickedFile.files[0].path!);
    // 只调用一次uploadPdf
    final downloadLink = await uploadPdf(fileName, file);
    await _firebaseFirestore.collection("pdfs").add({
      "name": fileName,
      "url": downloadLink
    });
  }
}

额外优化建议 #

• 添加加载状态：在getAllPdfs执行时显示加载指示器，避免UI在数据未加载完成时出现异常。
• 错误处理：为Firestore请求、Storage上传添加try-catch，捕获并处理网络或权限错误。

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