Flutter PDF预览插件flutter_fullpdfview的使用

插件简介

flutter_fullpdfview 是一个用于在 iOS 和 Android 上预览 PDF 文件的原生插件。

使用步骤

1. 添加依赖

在项目的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter_fullpdfview: latest_version

运行以下命令以安装依赖：

flutter pub get

2. 配置 iOS

在 iOS 项目中，需要启用嵌入视图预览。编辑 Info.plist 文件并添加以下键值对：

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>

3. 导入插件

在需要使用的 Dart 文件中导入插件：

import 'package:flutter_fullpdfview/flutter_fullpdfview.dart';

参数选项

公共参数

以下是支持的参数及其平台兼容性：

注意：目前仅支持黑白模式。

控制器选项

以下是控制器提供的方法及其说明：

示例代码

以下是一个完整的示例代码，展示如何使用 flutter_fullpdfview 预览 PDF 文件：

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_fullpdfview/flutter_fullpdfview.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter PDF View',
      home: PDFPreviewPage(),
    );
  }
}

class PDFPreviewPage extends StatefulWidget {
  @override
  _PDFPreviewPageState createState() => _PDFPreviewPageState();
}

class _PDFPreviewPageState extends State<PDFPreviewPage> {
  late String pathPDF;

  @override
  void initState() {
    super.initState();
    pathPDF = "assets/demo.pdf"; // 替换为实际路径
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('PDF Preview')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => PDFViewerScreen(path: pathPDF)),
            );
          },
          child: Text('Open PDF'),
        ),
      ),
    );
  }
}

class PDFViewerScreen extends StatefulWidget {
  final String path;

  PDFViewerScreen({required this.path});

  @override
  _PDFViewerScreenState createState() => _PDFViewerScreenState();
}

class _PDFViewerScreenState extends State<PDFViewerScreen> {
  int pages = 0;
  bool isReady = false;
  String errorMessage = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('PDF Viewer')),
      body: Stack(
        children: [
          PDFView(
            filePath: widget.path,
            enableSwipe: true,
            fitEachPage: true,
            swipeHorizontal: true,
            autoSpacing: false,
            pageFling: false,
            defaultPage: 0,
            onRender: (_pages) {
              setState(() {
                pages = _pages;
                isReady = true;
              });
            },
            onError: (error) {
              setState(() {
                errorMessage = error.toString();
              });
            },
            onPageError: (page, error) {
              setState(() {
                errorMessage = '$page: ${error.toString()}';
              });
            },
            onViewCreated: (PDFViewController pdfViewController) {
              print('PDF View Created');
            },
            onPageChanged: (int page, int total) {
              print('Page changed: $page/$total');
            },
          ),
          errorMessage.isNotEmpty
              ? Center(child: Text(errorMessage))
              : !isReady
                  ? Center(child: CircularProgressIndicator())
                  : Container(),
        ],
      ),
    );
  }
}

注意事项

1. 如果在生产环境中使用，请确保配置 ProGuard：

   -keep class com.shockwave.**