Flutter PDF处理插件pdf_handler的使用

特性

• 选择PDF文件
• 查看PDF文件
• 压缩PDF文件

开始使用

我们使用了多个包来执行所需的操作。

使用方法

该插件可以用于上传、查看和压缩PDF文件。

选择PDF文件

File pdfFile = await pdfHandler.selectPdf();

查看PDF

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => PdfPreviewScreen(
      pdfFilePath: compressedPdfFile!.path,
    ),
  ),
);

压缩PDF

compressedPdfFile = await pdfHandler.compressPdf(pdfFile!, 100 * 1024);

完整示例代码

以下是一个完整的示例代码，展示如何使用pdf_handler插件实现PDF文件的选择、压缩和预览功能。

文件路径：example/lib/main.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:pdf_handler/pdf_handler.dart';
import 'package:pdf_handler/pdf_preview.dart'; // 引入预览页面组件

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'PDF Handler Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  PDFHandler pdfHandler = PDFHandler(); // 初始化PDFHandler实例

  bool isProcessing = false; // 控制加载状态
  File? pdfFile; // 保存选择的PDF文件
  File? compressedPdfFile; // 保存压缩后的PDF文件

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('PDF Handler'), // 设置标题
      ),
      body: Container(
        padding: const EdgeInsets.all(24), // 设置内边距
        alignment: Alignment.center, // 居中对齐
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 主轴居中
          crossAxisAlignment: CrossAxisAlignment.center, // 次轴居中
          children: [
            // 如果选择了PDF文件，则显示文件路径
            if (pdfFile != null) ...[
              Text('Original File path - \n${pdfFile?.path}'), // 显示原文件路径
              const SizedBox(height: 16), // 添加间距
              ElevatedButton(
                onPressed: () async { // 压缩按钮点击事件
                  try {
                    isProcessing = true; // 设置为加载状态
                    setState(() {}); // 更新UI
                    compressedPdfFile = await pdfHandler.compressPdf(
                      pdfFile!,
                      100 * 1024, // 目标压缩大小（单位：字节）
                    );
                    isProcessing = false; // 压缩完成，恢复非加载状态
                    setState(() {}); // 更新UI
                  } catch (exp) {
                    debugPrint('exp - $exp'); // 打印异常信息
                  }
                },
                child: isProcessing // 根据加载状态显示按钮文本或加载指示器
                    ? const SizedBox(
                        height: 16,
                        width: 16,
                        child: CircularProgressIndicator(strokeWidth: 2),
                      )
                    : const Text('Compress PDF'),
              ),
              ElevatedButton(
                onPressed: () {
                  // 跳转到原文件预览页面
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => PdfPreviewScreen(
                        pdfFilePath: pdfFile!.path, // 传递原文件路径
                      ),
                    ),
                  );
                },
                child: const Text('View original PDF'),
              ),
            ],
            // 如果压缩后的PDF文件存在，则显示压缩后文件的预览按钮
            if (compressedPdfFile != null) ...[
              ElevatedButton(
                onPressed: () {
                  // 跳转到压缩后文件的预览页面
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => PdfPreviewScreen(
                        pdfFilePath: compressedPdfFile!.path, // 传递压缩后文件路径
                      ),
                    ),
                  );
                },
                child: const Text('View compressed PDF'),
              ),
            ],
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          // 点击浮动按钮选择PDF文件
          pdfFile = await pdfHandler.selectPdf();
          setState(() {}); // 更新UI
        },
        tooltip: 'Upload Pdf', // 提示文字
        child: const Icon(Icons.upload_file), // 图标
      ),
    );
  }
}