web-dev-qa-db-ja.com

表示PDF FlutterのiOS用インラインファイル

IOS専用のフラッターアプリを開発しています(この段階で)。PDFファイルを追加する必要があります。問題は、フラッターにPDFファイルを表示するネイティブな方法がないことです(私が調べた限り)。

これから treadthis プラグインを使用してiOSデバイスにPDFサポートを追加することはそれほど難しくないはずです。ただし、それをどのようにFlutterアプリケーションに正確に統合するかについては、まだ混乱しています。

何か助けていただければ幸いです!

10
AGoranov

PDFビューアの機能を実装していたとき、PDFプラグインはありませんでした。

しかし、おかしなことに、職場の友人がすでにPDFビューアがFlutter用に実装されている here )があることを発見しました。

注:質問の執筆時点では、16.08にはまだ使用可能なプラグインがありませんでした。言及は30.08に作成されました。

3
AGoranov

pubspec.yamlに依存関係を追加します

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  pdf_viewer_plugin: ^1.0.0+2
  path_provider: ^1.6.1
  http: ^0.12.0+4

main.Dart

import 'Dart:async';
import 'Dart:io';
import 'Dart:typed_data';
import 'package:flutter/material.Dart';
import 'package:pdf_viewer_plugin/pdf_viewer_plugin.Dart';
import 'package:path_provider/path_provider.Dart';
import 'package:http/http.Dart' as http;

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
  String path;
  @override
  initState() {
    super.initState();
  }
  Future<String> get _localPath async {
    final directory = await getApplicationDocumentsDirectory();

    return directory.path;
  }

  Future<File> get _localFile async {
    final path = await _localPath;
    return File('$path/teste.pdf');
  }

  Future<File> writeCounter(Uint8List stream) async {
    final file = await _localFile;
    // Write the file
    return file.writeAsBytes(stream);
  }

  Future<Uint8List> fetchPost() async {
    final response = await http.get(
        'https://expoforest.com.br/wp-content/uploads/2017/05/exemplo.pdf');
    final responseJson = response.bodyBytes;

    return responseJson;
  }

  loadPdf() async {
    writeCounter(await fetchPost());
    path = (await _localFile).path;

    if (!mounted) return;

    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            children: <Widget>[
              if (path != null)
                Container(
                  height: 300.0,
                  child: PdfViewer(
                    filePath: path,
                  ),
                )
              else
                Text("Pdf is not Loaded"),
              RaisedButton(
                child: Text("Load pdf"),
                onPressed: loadPdf,
              ),
            ],
          ),
        ),
      ),
    );
  }
}
0
Avid Programmer