Flutter中如何将Firebase多集合动态数据导入同一PDF

核心思路 #

要将多个Firebase集合的数据整合到同一PDF，需同步获取所有目标集合的数据，确保数据全部加载完成后再统一渲染到PDF文档，避免异步加载导致的数据缺失。以下是具体实现步骤：

步骤1：同步获取多集合数据 #

使用Future.wait并行发起多个Firebase查询，一次性获取个人信息、教育详情、工作经历等数据：

// 封装获取所有简历关联数据的方法
Future<Map<String, dynamic>> getAllResumeData(String userId, String resumeId) async {
  // 并行查询多个集合
  final userDetailsQuery = FirebaseFirestore.instance
      .collection('userdetails')
      .where("userId", isEqualTo: userId)
      .where('resumeid', isEqualTo: resumeId)
      .get();
  
  final educationQuery = FirebaseFirestore.instance
      .collection('education') // 替换为你的教育详情集合名
      .where("userId", isEqualTo: userId)
      .where('resumeid', isEqualTo: resumeId)
      .get();
  
  final experienceQuery = FirebaseFirestore.instance
      .collection('experience') // 替换为你的工作经历集合名
      .where("userId", isEqualTo: userId)
      .where('resumeid', isEqualTo: resumeId)
      .get();

  // 等待所有查询完成
  final results = await Future.wait([userDetailsQuery, educationQuery, experienceQuery]);
  
  return {
    'userDetails': results[0].docs.isNotEmpty ? results[0].docs[0].data() : null,
    'educationList': results[1].docs.map((doc) => doc.data()).toList(),
    'experienceList': results[2].docs.map((doc) => doc.data()).toList(),
  };
}

步骤2：重构PDF生成逻辑 #

将PDF生成抽为独立方法，接收所有数据参数，便于维护和扩展：

Future<Uint8List> generateResumePdf(Map<String, dynamic> resumeData) async {
  final doc = pw.Document();
  final userDetails = resumeData['userDetails'];
  final educationList = resumeData['educationList'] as List<dynamic>;
  final experienceList = resumeData['experienceList'] as List<dynamic>;

  doc.addPage(
    pw.MultiPage(
      pageFormat: PdfPageFormat.a4,
      build: (pw.Context context) {
        final widgets = <pw.Widget>[
          // 个人信息模块
          pw.Row(
            children: [
              pw.SizedBox(width: 20),
              pw.Column(
                crossAxisAlignment: pw.CrossAxisAlignment.start,
                children: [
                  pw.Text(userDetails['name'], style: pw.TextStyle(fontSize: 20, fontWeight: pw.FontWeight.bold)),
                  pw.Text(userDetails['address']),
                  pw.Text(userDetails['email']),
                  pw.Text(userDetails['phone']),
                ],
              ),
            ],
          ),
          pw.SizedBox(height: 20),
          // 教育经历模块
          pw.Text('教育经历', style: pw.TextStyle(fontSize: 16, fontWeight: pw.FontWeight.bold)),
          pw.Divider(),
          ...educationList.map((edu) => pw.Column(
            crossAxisAlignment: pw.CrossAxisAlignment.start,
            children: [
              pw.Text('${edu['degree']} - ${edu['institution']}'),
              pw.Text('${edu['startDate']} 至 ${edu['endDate']}'),
              pw.Text(edu['description'] ?? ''),
              pw.SizedBox(height: 10),
            ],
          )),
          pw.SizedBox(height: 20),
          // 工作经历模块
          pw.Text('工作经历', style: pw.TextStyle(fontSize: 16, fontWeight: pw.FontWeight.bold)),
          pw.Divider(),
          ...experienceList.map((exp) => pw.Column(
            crossAxisAlignment: pw.CrossAxisAlignment.start,
            children: [
              pw.Text('${exp['position']} - ${exp['company']}'),
              pw.Text('${exp['startDate']} 至 ${exp['endDate']}'),
              pw.Text(exp['description'] ?? ''),
              pw.SizedBox(height: 10),
            ],
          )),
        ];
        return widgets;
      },
    ),
  );

  return doc.save();
}

步骤3：更新页面Widget结构 #

替换原有的FutureBuilder逻辑，整合数据获取与PDF生成操作：

@override
Widget build(BuildContext context) {
  final userId = currentUser.currentUser!.uid;
  return Scaffold(
    appBar: AppBar(
      backgroundColor: Colors.transparent,
      elevation: 0,
      title: const Text('Resume'),
      automaticallyImplyLeading: false,
      actions: [
        IconButton(
          onPressed: () async {
            // 点击按钮触发PDF生成与打印
            final resumeData = await getAllResumeData(userId, widget.resumeid);
            if (resumeData['userDetails'] == null) {
              ScaffoldMessenger.of(context).showSnackBar(
                const SnackBar(content: Text('请先添加个人信息')),
              );
              return;
            }
            final pdfBytes = await generateResumePdf(resumeData);
            await Printing.layoutPdf(
              onLayout: (PdfPageFormat format) async => pdfBytes,
            );
          },
          icon: const Icon(Icons.more_vert, color: Colors.black),
        ),
      ],
    ),
    body: SingleChildScrollView(
      child: FutureBuilder<Map<String, dynamic>>(
        future: getAllResumeData(userId, widget.resumeid),
        builder: (ctx, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          }
          if (snapshot.hasError) {
            return const Center(child: Text('加载数据出错'));
          }
          final resumeData = snapshot.data!;
          if (resumeData['userDetails'] == null) {
            return const Center(child: Text('请添加个人信息'));
          }
          // 渲染简历预览页面（和PDF内容对应）
          return Padding(
            padding: const EdgeInsets.all(20),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(resumeData['userDetails']['name'], style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
                Text(resumeData['userDetails']['address']),
                Text(resumeData['userDetails']['email']),
                Text(resumeData['userDetails']['phone']),
                const SizedBox(height: 20),
                const Text('教育经历', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
                const Divider(),
                ...(resumeData['educationList'] as List<dynamic>).map((edu) => Padding(
                  padding: const EdgeInsets.symmetric(vertical: 8),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text('${edu['degree']} - ${edu['institution']}'),
                      Text('${edu['startDate']} 至 ${edu['endDate']}'),
                      Text(edu['description'] ?? ''),
                    ],
                  ),
                )),
                const SizedBox(height: 20),
                const Text('工作经历', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
                const Divider(),
                ...(resumeData['experienceList'] as List<dynamic>).map((exp) => Padding(
                  padding: const EdgeInsets.symmetric(vertical: 8),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text('${exp['position']} - ${exp['company']}'),
                      Text('${exp['startDate']} 至 ${exp['endDate']}'),
                      Text(exp['description'] ?? ''),
                    ],
                  ),
                )),
              ],
            ),
          );
        },
      ),
    ),
  );
}

关键注意事项 #

• 集合关联校验：确保每个Firebase集合都通过userId和resumeid字段与目标简历绑定
• 空数据处理：若某集合无数据，PDF中对应模块会自动跳过，可根据需求添加空状态提示
• 样式自定义：可调整PDF中的字体、间距、分割线等样式，保持简历排版美观

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