Flutter简历生成器App离线生成PDF的技术方案咨询

一、先解决dart_pdf的字体与排版偏差问题 #

• 确认字体完整嵌入：很多时候字体显示异常是因为加载了子集字体，要使用完整字体文件。从assets加载时确保路径配置正确，通过rootBundle.load获取字节流再创建字体实例：

  final fontData = await rootBundle.load('fonts/Roboto-Regular.ttf');
  final ttf = pw.Font.ttf(fontData);
  

• 字号单位转换：dart_pdf采用pt单位（1pt=1/72英寸），别直接套用Flutter的sp数值。如果设计稿给出的是px，按pt = px * 72 / 96（假设设计稿为96dpi）转换后使用。
• 用Widget替代手动画布绘制：优先使用dart_pdf提供的pw.Column、pw.Row、pw.Text等Widget布局，和Flutter写法一致，减少手动计算坐标的误差，让预览与PDF排版更统一。

二、简化模板制作的实用思路 #

• 模板配置化：把每个简历模板的样式（字体、间距、区块顺序）写成JSON配置文件，开发通用PDF渲染器，根据配置和用户数据动态生成内容，避免重复编写模板代码。示例配置：

  {
    "name": "极简商务模板",
    "styles": {
      "title": {"font": "Roboto-Bold", "size": 22},
      "section_title": {"font": "Roboto-Medium", "size": 16},
      "content": {"font": "Roboto-Regular", "size": 12}
    },
    "sections": ["个人信息", "工作经历", "项目经验", "教育背景"]
  }
  

• 复用Flutter预览Widget生成PDF：先完成Flutter原生的简历预览页面，样式调试到位后，直接用Printing.layoutPdf将该Widget转成PDF，确保预览与PDF样式100%一致，无需重复编写两份布局代码：

  final pdfFile = await Printing.layoutPdf(
    onLayout: (PdfPageFormat format) async {
      final doc = pw.Document();
      doc.addPage(pw.Page(
        build: (context) => ResumePreview(userData: currentUser),
      ));
      return doc.save();
    },
  );
  

三、LaTeX离线生成的可行方案 #

如果对排版要求极高，想利用LaTeX的专业排版能力，可以尝试本地TeX引擎集成：

• 精简版TeX打包：Android上将TeX Live的精简版（仅保留必要包）放入assets，iOS使用预编译的TeX二进制文件；
• 模板填充：编写LaTeX模板，用占位符（如\name{占位符}）标记用户数据位置，替换数据后调用本地TeX命令编译成PDF；
• 注意：该方式会增加App体积（约30-50MB），适合对排版有极致要求的场景。

四、HTML转PDF的轻量化替代 #

若不想折腾dart_pdf或LaTeX，HTML+CSS转PDF是低成本选项：

• 编写HTML模板：用CSS定义字体、布局、间距，预留用户数据的占位符；
• 离线字体处理：将字体文件转成base64嵌入CSS，或直接使用系统自带字体；
• 本地插件生成：使用flutter_html_to_pdf等跨平台插件，将填充好数据的HTML字符串转成PDF，全程离线，样式调整比dart_pdf更直观。

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