dart pdf 1.8.1 Flutter -无法显示文档

3zwjbxry 于 2024-01-03 发布在 Flutter

关注(0)|答案(1)|浏览(162)

我试图使用PDF库为Flutter使用包here
这个想法是创建类似this的东西：这是包页面中的示例。
问题是，如果我在那里运行Demo示例，它就像示例一样工作，这很好。

demo example的

但是如果我创建一个新的项目，并复制/粘贴所有 *.dart文件和pubspec.yaml：它不工作。脚本创建文件，我可以下载它或打印它，但不显示文件。
我并没有使用project来获取更多信息，我只是将相同的代码复制到一个干净的项目中，并且我也在pubspec.yaml中获取包
有人有同样的问题吗？我会在下面贴一张照片。
此外：我正在运行两个项目作为Flutter网页，在Chrome
谢谢你的帮助！！：）
x1c 0d1x的数据
下面的一个'你好，世界'代码，显示了同样的错误..

import 'package:pdf/pdf.dart';
import 'package:pdf/widgets.dart' as pw;
import 'package:flutter/material.dart';
import 'package:printing/printing.dart';
import 'dart:typed_data';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  final pw.Document doc = pw.Document();
  @override
  Widget build(BuildContext context) {
    Future<Uint8List> generateDocument(PdfPageFormat format) async {
      doc.addPage(pw.Page(
          pageFormat: PdfPageFormat.standard,
          build: (pw.Context context) {
            return pw.Center(
              child: pw.Text("Hello World"),
            ); // Center
          })); // Page
      return doc.save();
    }
    return MaterialApp(
      title: 'Material App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        ),
        body: PdfPreview(
          maxPageWidth: 700,
          build: generateDocument,
        ),
      ),
    );
  }
}

字符串

dart

来源：https://stackoverflow.com/questions/62032813/pdf-1-8-1-flutter-unable-to-display-the-document

1条答案

按热度按时间

mm5n2pyu1#

你添加了JavaScript代码吗？你应该在index.html中添加代码。
例如）像这样，

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="Rakuraku Flutter.">
  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="rakuraku">
  <link rel="apple-touch-icon" href="/icons/Icon-192.png">
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
  <title>rakuraku</title>
  <link rel="manifest" href="/manifest.json">
</head>
<body id="flutter">
  <!-- This script installs service_worker.js to provide PWA functionality to
       application. For more information, see:
       https://developers.google.com/web/fundamentals/primers/service-workers -->
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('/flutter_service_worker.js');
      });
    }
  </script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js"></script>
  <script type="text/javascript">
     pdfjsLib.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js";
  </script>
  <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>

字符串

展开查看全部

赞(0）回复(0）举报 2024-01-03

我来回答

dart pdf 1.8.1 Flutter -无法显示文档

1条答案

相关问题

热门标签

最新问答