Flutter PDF阅读插件flutter_pdfview_professor的使用

Flutter PDF阅读插件flutter_pdfview_professor的使用

Native PDF View for iOS和Android

使用此包作为库

1. 添加依赖

在你的包的pubspec.yaml文件中添加以下内容：

dependencies:
  flutter_pdfview_professor: ^1.2.1

2. 安装依赖

你可以从命令行安装包：

通过Flutter:

$ flutter packages get

或者，你的编辑器可能支持pub get或flutter packages get。查阅你的编辑器文档以了解更多详情。

3. 导入包

现在在你的Dart代码中可以使用：

import 'package:flutter_pdfview_professor/flutter_pdfview_professor.dart';

选项

名称 Android iOS 默认值
defaultPage ✅ ✅ 0
onViewCreated ✅ ✅ null
onRender ✅ ✅ null
onPageChanged ✅ ✅ null
onError ✅ ✅ null
onPageError ✅ ❌ null
onLinkHandle ✅ ✅ null
gestureRecognizers ✅ ✅ null
filePath ✅ ✅
pdfData ✅ ✅
fitPolicy ✅ ❌ FitPolicy.WIDTH
enableSwipe ✅ ✅ true
swipeHorizontal ✅ ✅ false
password ✅ ✅ null
nightMode ✅ ❌ false
autoSpacing ✅ ✅ true
pageFling ✅ ✅ true
pageSnap ✅ ❌ true
preventLinkNavigation ✅ ✅ false

控制器选项

名称 描述 参数 返回值
getPageCount 获取总页数 - Future<int>
getCurrentPage 获取当前页 - Future<int>
setPage 转到/设置页 int page Future<bool>

示例

PDFView(
  filePath: path,
  enableSwipe: true,
  swipeHorizontal: true,
  autoSpacing: false,
  pageFling: false,
  onRender: (_pages) {
    setState(() {
      pages = _pages;
      isReady = true;
    });
  },
  onError: (error) {
    print(error.toString());
  },
  onPageError: (page, error) {
    print('$page: ${error.toString()}');
  },
  onViewCreated: (PDFViewController pdfViewController) {
    _controller.complete(pdfViewController);
  },
  onPageChanged: (int page, int total) {
    print('page change: $page/$total');
  },
),

更多关于Flutter PDF阅读插件flutter_pdfview_professor的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter PDF阅读插件flutter_pdfview_professor的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


flutter_pdfview_professor 是一个用于在 Flutter 应用中显示 PDF 文件的插件。它基于 flutter_pdfview，但提供了更多的功能和定制选项。以下是如何在 Flutter 项目中使用 flutter_pdfview_professor 的基本步骤。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 flutter_pdfview_professor 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_pdfview_professor: ^1.0.0  # 请检查最新版本

然后运行 flutter pub get 以安装依赖。

2. 导入包

在你的 Dart 文件中导入 flutter_pdfview_professor 包：

import 'package:flutter_pdfview_professor/flutter_pdfview_professor.dart';

3. 使用 PDFView

你可以使用 PDFView 组件来显示 PDF 文件。以下是一个简单的示例：

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

class PDFViewerScreen extends StatelessWidget {
  final String pdfPath;

  PDFViewerScreen({required this.pdfPath});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PDF Viewer'),
      ),
      body: PDFView(
        filePath: pdfPath,
        enableSwipe: true,
        swipeHorizontal: false,
        autoSpacing: false,
        pageFling: false,
        onRender: (_pages) {
          print("PDF rendered with $_pages pages");
        },
        onError: (error) {
          print("PDF error: $error");
        },
        onPageError: (page, error) {
          print("PDF page error: $error on page $page");
        },
        onPageChanged: (int page, int total) {
          print("PDF page changed: $page/$total");
        },
      ),
    );
  }
}

4. 传递 PDF 文件路径

你可以在导航到 PDFViewerScreen 时传递 PDF 文件的路径：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => PDFViewerScreen(pdfPath: 'path_to_your_pdf.pdf'),
  ),
);
回到顶部