Flutter, кроссплатформенная среда разработки приложений Google, предоставляет разработчикам широкий спектр инструментов и библиотек для создания многофункциональных приложений. Одним из общих требований многих приложений является возможность просмотра PDF-файлов. В этой статье мы рассмотрим различные методы реализации средства просмотра PDF-файлов во Flutter с примерами кода.

Метод 1: использование официального плагина просмотра PDF
Официальный плагин просмотра PDF для Flutter, flutter_pdfview, позволяет отображать PDF-файлы с использованием встроенных представлений платформы. Вот пример того, как его использовать:

import 'package:flutter_pdfview/flutter_pdfview.dart';
class PdfViewerPage extends StatelessWidget {
  final String pdfPath;
  PdfViewerPage(this.pdfPath);
  @override
  Widget build(BuildContext context) {
    return PDFView(
      filePath: pdfPath,
      enableSwipe: true,
      swipeHorizontal: true,
    );
  }
}

Метод 2: отображение PDF-файла с помощью WebView
Другой подход — использование WebView для отображения PDF-файла. Этот метод полезен, если вы хотите иметь больший контроль над рендерингом и программно перемещаться по страницам PDF. Вот пример:

import 'package:webview_flutter/webview_flutter.dart';
class PdfViewerPage extends StatelessWidget {
  final String pdfUrl;
  PdfViewerPage(this.pdfUrl);
  @override
  Widget build(BuildContext context) {
    return WebView(
      initialUrl: 'https://docs.google.com/gview?embedded=true&url=$pdfUrl',
      javascriptMode: JavascriptMode.unrestricted,
    );
  }
}

Метод 3: интеграция со встроенным средством просмотра PDF
Если вы предпочитаете использовать встроенное средство просмотра PDF на устройстве, вы можете использовать каналы платформы для связи между Flutter и собственным кодом. Вот пример того, как этого добиться:

// Flutter code
import 'package:flutter/services.dart';
class PdfViewerPage extends StatelessWidget {
  final String pdfPath;
  PdfViewerPage(this.pdfPath);
  static const platform = MethodChannel('pdf_viewer_channel');
  Future<void> openPdfViewer() async {
    await platform.invokeMethod('openPdfViewer', {'filePath': pdfPath});
  }
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: openPdfViewer,
      child: Text('Open PDF'),
    );
  }
}

// Android code (Java/Kotlin)
public class PdfViewerActivity extends AppCompatActivity {
    private static final String CHANNEL = "pdf_viewer_channel";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pdf_viewer);
        MethodChannel channel = new MethodChannel(getFlutterView(), CHANNEL);
        channel.setMethodCallHandler((call, result) -> {
            if (call.method.equals("openPdfViewer")) {
                String filePath = call.argument("filePath");
                openNativePdfViewer(filePath);
            }
        });
    }
    private void openNativePdfViewer(String filePath) {
        // Code to open the PDF file using native PDF viewer
    }
}

В этой статье мы рассмотрели различные способы реализации средства просмотра PDF-файлов во Flutter. Мы рассмотрели использование официального плагина просмотра PDF-файлов, отображение файлов PDF с помощью WebView и интеграцию со встроенным средством просмотра PDF-файлов с помощью каналов платформы. В зависимости от ваших требований и предпочтений вы можете выбрать метод, который наилучшим образом соответствует вашим потребностям.