IOS専用のフラッターアプリを開発しています(この段階で)。PDFファイルを追加する必要があります。問題は、フラッターにPDFファイルを表示するネイティブな方法がないことです(私が調べた限り)。
これから treadthis プラグインを使用してiOSデバイスにPDFサポートを追加することはそれほど難しくないはずです。ただし、それをどのようにFlutterアプリケーションに正確に統合するかについては、まだ混乱しています。
何か助けていただければ幸いです!
PDFビューアの機能を実装していたとき、PDFプラグインはありませんでした。
しかし、おかしなことに、職場の友人がすでにPDFビューアがFlutter用に実装されている here )があることを発見しました。
注:質問の執筆時点では、16.08にはまだ使用可能なプラグインがありませんでした。言及は30.08に作成されました。
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,
),
],
),
),
),
);
}
}