[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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 文件。
- 首