Flutter PDF阅读插件android_pdf_viewer的使用

在Flutter中，android_pdf_viewer 是一个用于在Android平台上显示PDF文件的插件。它提供了一个简单的方式来加载和显示PDF文档。以下是如何使用 android_pdf_viewer 插件的步骤：

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  android_pdf_viewer: ^1.0.0+17

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 android_pdf_viewer 插件：

import 'package:android_pdf_viewer/android_pdf_viewer.dart';

3. 加载并显示 PDF

你可以使用 AndroidPdfViewer.fromAsset 或 AndroidPdfViewer.fromFile 来加载和显示 PDF 文件。

从 Assets 加载 PDF

如果你的 PDF 文件放在 assets 文件夹中，你可以使用 AndroidPdfViewer.fromAsset 来加载它。

首先，确保在 pubspec.yaml 文件中声明了你的 PDF 文件：

flutter:
  assets:
    - assets/sample.pdf

然后，在代码中加载并显示 PDF：

class PdfViewerScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PDF Viewer'),
      ),
      body: FutureBuilder(
        future: AndroidPdfViewer.fromAsset('assets/sample.pdf'),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return snapshot.data!;
          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
    );
  }
}

从文件加载 PDF

如果你有一个本地的 PDF 文件，你可以使用 AndroidPdfViewer.fromFile 来加载它。

class PdfViewerScreen extends StatelessWidget {
  final File file;

  PdfViewerScreen({required this.file});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PDF Viewer'),
      ),
      body: FutureBuilder(
        future: AndroidPdfViewer.fromFile(file),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return snapshot.data!;
          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
    );
  }
}

4. 导航到 PDF 查看器页面

你可以在应用中导航到这个 PDF 查看器页面：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => PdfViewerScreen(file: File('/path/to/sample.pdf')),
  ),
);

5. 处理权限（如果需要）

如果你的 PDF 文件存储在外部存储中，你可能需要请求存储权限。你可以使用 permission_handler 插件来处理权限请求。

6. 注意事项

• android_pdf_viewer 插件仅支持 Android 平台。如果你需要跨平台支持，可以考虑使用其他插件如 flutter_pdfview 或 syncfusion_flutter_pdfviewer。
• 确保你的 PDF 文件路径正确，并且文件存在。

7. 示例代码

以下是一个完整的示例代码，展示如何从 assets 加载并显示 PDF：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PDF Viewer Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => PdfViewerScreen(),
              ),
            );
          },
          child: Text('Open PDF'),
        ),
      ),
    );
  }
}

class PdfViewerScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PDF Viewer'),
      ),
      body: FutureBuilder(
        future: AndroidPdfViewer.fromAsset('assets/sample.pdf'),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return snapshot.data!;
          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
    );
  }
}