Flutter 创建多图像的 PDF 文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-E6MUSMBP-1623982028646)(https://ducafecat.tech/2021/06/18/translation/flutter-create-pdf-files-with-multiple-images/2021-06-18-09-17-32.png)]

猫哥说

保持热情去改变!

今天这篇文章是让你在客户端完成 PDF 的创建，这样能减轻服务器的压力。

这是很有必要的，服务器的 CPU 资源很宝贵。

Flutter 插件 https://pub.dev/packages/pdf

• 功能有：
  • 载入图片
  • 写上文字
  • 加密、签名文件
  • 也可以载入 pdf

老铁记得 转发 ，猫哥会呈现更多 Flutter 好文~~~~

微信群 ducafecat

b 站 https://space.bilibili.com/404904528

原文

https://medium.com/flutterdevs/flutter-create-pdf-files-with-multiple-images-4458e813fe37

代码

https://github.com/flutter-devs/flutter_pdf_create_view_demo

参考

• https://pub.dev/packages/pdf
• https://pub.dev/packages/path_provider/versions/2.0.1
• https://pub.dev/packages/syncfusion_flutter_pdfviewer/versions/19.1.64-beta

正文

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FUueF9AO-1623982028648)(https://ducafecat.tech/2021/06/18/translation/flutter-create-pdf-files-with-multiple-images/2021-06-18-08-51-35.png)]

在 Flutter 不同的功能使您的应用程序丰富的有用性，并给简单的客户端做东西内的应用程序和改善客户端的经验，是一个专家合作是另外必不可少的开发人员。

有很多软件包可以用来在应用程序中打开 pdf，有些比较复杂，有些并不难执行，在这里我将阐明可能最容易使用的方法。

在这个博客中，我们将探索 Flutter ー创建多张图片的 PDF 文件。我们将实施一个演示程序，以显示如何 Flutter 创建一个 pdf 文件与多个图像使用的三个要素包在您的 Flutter 应用程序。

状态管理

简介:

PDF 很可能是用于交换业务信息的最著名的文档格式，因为内容不能像不同配置那样有效地更改。这样可以保护我们的信息不受未经批准的更改的影响。一旦你知道了策略，这通常是一个简单的互动，我会告诉你在你的任务中制作 pdf 文档的最好方法。

对于这个演示，需要三个基本的软件包。

• https://pub.dev/packages/pdf
• https://pub.dev/packages/path_provider/versions/2.0.1
• https://pub.dev/packages/syncfusion_flutter_pdfviewer/versions/19.1.64-beta

演示模块:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dafWKoaI-1623982028648)(https://ducafecat.tech/2021/06/18/translation/flutter-create-pdf-files-with-multiple-images/2021-06-18-08-56-12.png)]

这个演示视频显示了如何在一个 Flutter 与多个图像创建 pdf 文件。它显示了 pdf 文件将如何使用这三个软件包在您的 Flutter 应用程序。它显示当用户点击一个创建按钮，然后出现 pdf，根据页面有多个图像。它会显示在你的设备上。

实施方案:

• 第一步: 添加依赖项

将依赖项添加到 pubspec ー yaml 文件。

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  path_provider: ^2.0.1
  pdf: ^3.3.0
  syncfusion_flutter_pdfviewer: ^19.1.64-beta

• 第二步: 添加 assets

将 assets 添加到 pubspec ー yaml 文件。

assets:
  - assets/images/

• 第三步: 导入

import 'package:pdf/pdf.dart';
import 'package:path_provider/path_provider.dart';
import 'package:syncfusion_flutter_pdfviewer/pdfviewer.dart';

• 第四步: 在应用程序的根目录中运行 flutter 软件包

如何实现 dart 文件中的代码:

你需要分别在你的代码中实现它:

在 lib 文件夹中创建一个名为 pdf _ screen _ demo. dart 的新 dart 文件。

• 首