如何将 Uint8List 呈现为 pdf？答案

【问题标题】：How to render Uint8List as a pdf?如何将 Uint8List 呈现为 pdf？
【发布时间】：2020-08-18 02:56:26
【问题描述】：

我目前有这个返回 Uint8List 的函数。我想在我的 android 应用程序中将它呈现为 pdf，以便我可以看到它。不知道如何做到这一点，任何帮助表示赞赏！如果这也有任何帮助，这就是源代码。谢谢 https://github.com/DavBfr/dart_pdf/blob/master/demo/lib/invoice.dart

 Future<Uint8List> generateInvoice(PdfPageFormat pageFormat) async {
  final lorem = pw.LoremText();

  final products = <Product>[
    Product('19874', lorem.sentence(4), 3.99, 2),
    Product('98452', lorem.sentence(6), 15, 2),
    Product('28375', lorem.sentence(4), 6.95, 3),
    Product('95673', lorem.sentence(3), 49.99, 4),
    Product('23763', lorem.sentence(2), 560.03, 1),
    Product('55209', lorem.sentence(5), 26, 1),
    Product('09853', lorem.sentence(5), 26, 1),
   
  ];

  final invoice = Invoice(
    invoiceNumber: '982347',
    products: products,
    customerName: 'Abraham Swearegin',
    customerAddress: '54 rue de Rivoli\n75001 Paris, France',
    paymentInfo:
        '4509 Wiseman Street\nKnoxville, Tennessee(TN), 37929\n865-372-0425',
    tax: .15,
    baseColor: PdfColors.teal,
    accentColor: PdfColors.blueGrey900,
  );

  return await invoice.buildPdf(pageFormat);
}

class Invoice {
  Invoice({
    this.products,
    this.customerName,
    this.customerAddress,
    this.invoiceNumber,
    this.tax,
    this.paymentInfo,
    this.baseColor,
    this.accentColor,
  });

  final List<Product> products;
  final String customerName;
  final String customerAddress;
  final String invoiceNumber;


  static const _darkColor = PdfColors.blueGrey800;
  static const _lightColor = PdfColors.white;

  PdfColor get _baseTextColor =>
      baseColor.luminance < 0.5 ? _lightColor : _darkColor;

  PdfColor get _accentTextColor =>
      baseColor.luminance < 0.5 ? _lightColor : _darkColor;

  double get _total =>
      products.map<double>((p) => p.total).reduce((a, b) => a + b);

  double get _grandTotal => _total * (1 + tax);

  PdfImage _logo;

  Future<Uint8List> buildPdf(PdfPageFormat pageFormat) async {
    // Create a PDF document.
    final doc = pw.Document();

    final font1 = await rootBundle.load('assets/roboto1.ttf');
    final font2 = await rootBundle.load('assets/roboto2.ttf');
    final font3 = await rootBundle.load('assets/roboto3.ttf');

    _logo = PdfImage.file(
      doc.document,
      bytes: (await rootBundle.load('assets/logo.png')).buffer.asUint8List(),
    );

    // Add page to the PDF
    doc.addPage(
      pw.MultiPage(
        pageTheme: _buildTheme(
          pageFormat,
          font1 != null ? pw.Font.ttf(font1) : null,
          font2 != null ? pw.Font.ttf(font2) : null,
          font3 != null ? pw.Font.ttf(font3) : null,
        ),
        header: _buildHeader,
        footer: _buildFooter,
        build: (context) => [
          _contentHeader(context),
          _contentTable(context),
          pw.SizedBox(height: 20),
          _contentFooter(context),
          pw.SizedBox(height: 20),
          _termsAndConditions(context),
        ],
      ),
    );

    // Return the PDF file content
    return doc.save();
  }

【问题讨论】：

标签： android flutter pdf dart

【解决方案1】：

您可以将文件保存在本地并使用某些 pdf 查看器进行渲染

final String dir = (await getApplicationDocumentsDirectory()).path;
final String path = '$dir/example.pdf';
final File file = File(path);
await file.writeAsBytes(doc.save());

现在您可以使用此路径通过 pdf 查看器查看 pdf。

您可以查看此medium post 以供参考。

【讨论】：

谢谢。虽然这确实会生成一个 pdf 文件，但当我尝试打开文件时，我收到一条错误消息，提示 Failed to load PDF document.

【解决方案2】：

使用此解决方案，您无需保存文件即可将其作为小部件查看。

使用包：syncfusion_flutter_pdfviewer

syncfusion_flutter_pdfviewer: ^19.4.42-beta

这个包提供了一个可以从字节加载pdf的小部件

Scaffold(
body:SfPdfViewer.memory(_your_pdf_in_bytes),
);

This widget can be added anywhere in the widget tree in your app

【讨论】：