0

我正在使用 Flutter Advance_pdf_viewer包来显示从 URL 加载的 PDF 文件。第一次打开时，PDF 文件会下载到应用程序缓存中，下次再从缓存中加载。现在我使用 CircularProgressIndicator() 来显示下载进度。我想在此处添加进度百分比，以便用户更好地了解进度。我怎样才能做到这一点？

这是我的代码：

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


  @override
  _MyBanBook createState() => _MyBanBook();
}

class _MyBanBook extends State<BanBook> {
  bool _isLoading = true;
  PDFDocument document;

  @override
  void initState() {
    super.initState();
    loadDocument();
  }

  loadDocument() async {
    document = await PDFDocument.fromURL('http://www.africau.edu/images/default/sample.pdf');

    setState(() => _isLoading = false);
  }
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          toolbarHeight: 20,
        ),
        body: Center(
          child: _isLoading
              ? Center(child: CircularProgressIndicator())
              : PDFViewer(
            document: document,
            zoomSteps: 1,
          ),
        ),
        bottomNavigationBar: BottomAppBar(
          child: Container(
            height: 85.0,
          ),
        ),
      ),
    );
  }
}
4

2 回答 2

0

You can do it by specifying the value property in the CircularProgressIndicator like this :

CircularProgressIndicator(
  value: _progress,
  //width of the width of the border
  strokeWidth: 20,
  // color of value
  valueColor: Colors.amber
);
于 2020-12-02T09:51:41.810 回答
0

你可以使用flutter_cached_pdfview


这是一个从 URL 查看 pdf 并使用占位符缓存它的示例，您
可以将占位符替换为任何小部件，例如 CircularProgressIndicator 
         PDF().cachedFromUrl(
          'http://africau.edu/images/default/sample.pdf',
            placeholder: (progress) => Center(child: CircularProgressIndicator())
             )

看看https://pub.dev/packages/flutter_cached_pdfview

于 2021-03-23T11:47:52.350 回答