Flutter PDF渲染插件pdf_flutter的使用

受Pdf_Viewer_Plugin启发 😇
在Android上围绕AndroidPdfViewer包装。 🙏🏼

1. 在pubspec.yaml中添加pdf_flutter

dependencies:
  pdf_flutter: ^version

2. 在iOS上启用PDF预览

在ios/Runner/info.plist中添加以下内容：

    <key>io.flutter.embedded_views_preview</key>
    <true/>

3. 开始使用

从网络加载PDF（缓存网络PDF）

PDF.network(
    'https://raw.githubusercontent.com/FlutterInThai/Dart-for-Flutter-Sheet-cheet/master/Dart-for-Flutter-Cheat-Sheet.pdf',
    height: 500,
    width: 300,
)

加载文件中的PDF

File fileName;  
PDF.file(
    fileName,
    height: 200,
    width: 100,
)

从资产加载PDF

PDF.assets(
    "assets/pdf/demo.pdf",
    height: 200,
    width: 100,
)

生产环境注意事项

修复步骤：

1. 如果尚未存在，则添加proguard-rules.pro文件。
2. 在proguard-rules.pro文件中添加以下内容：

   -keep class com.shockwave.**
   -keepclassmembers class com.shockwave.** { *; }

3. 在app/build.gradle中添加以下内容：

   shrinkResources true
   minifyEnabled true
   proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

Demo

以下是完整的示例代码：

示例代码：main.dart

import 'dart:io';
import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:pdf_flutter/pdf_flutter.dart';

void main() => runApp(PdfApp());

class PdfApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          appBar: AppBar(
            title: const Text("pdf_flutter demo"),
          ),
          body: PDFListBody(),
        ));
  }
}

class PDFListBody extends StatefulWidget {
  [@override](/user/override)
  _PDFListBodyState createState() => _PDFListBodyState();
}

class _PDFListBodyState extends State<PDFListBody> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          // 按钮1：从资产加载PDF
          RaisedButton(
            child: const Text("Pdf from asset"),
            onPressed: () {
              _navigateToPage(
                title: "Pdf from asset",
                child: PDF.asset(
                  "assets/pdf/demo.pdf", // 替换为实际的PDF资源路径
                  placeHolder: Image.asset("assets/images/pdf.png",
                      height: 200, width: 100), // 占位符图片
                ),
              );
            },
          ),
          // 按钮2：从网络加载PDF
          RaisedButton(
            child: const Text("Pdf from network"),
            onPressed: () {
              _navigateToPage(
                title: "Pdf from networkUrl",
                child: PDF.network(
                  'https://google-developer-training.github.io/android-developer-fundamentals-course-concepts/en/android-developer-fundamentals-course-concepts-en.pdf', // 网络PDF链接
                ),
              );
            },
          ),
          // 按钮3：从文件加载PDF
          Builder(
            builder: (context) {
              return RaisedButton(
                child: const Text("PDF from file"),
                onPressed: () async {
                  final file = await FilePicker.platform.pickFiles(
                      allowedExtensions: ['pdf'], type: FileType.custom);
                  if (file?.files[0]?.path != null) {
                    _navigateToPage(
                      title: "PDF from file",
                      child: PDF.file(
                        File(file.files[0].path), // 文件路径
                      ),
                    );
                  } else {
                    Scaffold.of(context).showSnackBar(
                      const SnackBar(
                        content: Text("Failed to load Picked file"),
                      ),
                    );
                  }
                },
              );
            },
          )
        ],
      ),
    );
  }

  // 跳转到新页面
  void _navigateToPage({String title, Widget child}) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => Scaffold(
          appBar: AppBar(title: Text(title)),
          body: Center(child: child),
        ),
      ),
    );
  }
}