Ako zobraziť pdf načítané z API odpoveď v flutter?

Question 1

Pracujem v projekte, kde sa musím ukázať certifikát, že používateľ skončil samozrejme, existuje URL API, ktorý používa metódu get rámci token mať prístupom k súboru pdf, problém je, že neviem, ako zobraziť a meniť sa, že odpoveď do pdf, pomocou flutter, Snažil som sa použiť url_launcher závislosť, pretože v prehliadači zobrazí pdf normálne, ale problém je, že to musím prejsť token, že adresa url. druhá vec, ktorú som sa snažil bolo načítané odpoveď api a uložiť ju v časovom súboru a použitie flutter_pdfview závislosť, ale to ukazuje chyby. to je, ako reakcia api vyzerá:

%PDF-1.4
1 0 obj
<<
/Title (þÿ)
/Creator (þÿ)
/Producer (þÿQt 5.5.1)
/CreationDate (D:20211120205047)
>>
endobj
2 0 obj
<<
/Type /Catalog
/Pages 3 0 R
>>
endobj
4 0 obj
<<
/Type /ExtGState
/SA true
/SM 0.02
/ca 1.0
/CA 1.0
/AIS false

to je to, čo som sa snažil:

 Future LoadPDF(APIurl)async {
    Map<String,String> Headers={
      'Content-type': 'application/json; charset=UTF-8',
      'Accept': 'application/json',
      'Authorization': 'Bearer $userToken'
    };
    final response = await http.get(Uri.parse(APIurl),headers: Headers);
    final bytes = response.bodyBytes;
    // print(response.bodyBytes);
    var dir = await getTemporaryDirectory();
    File file = File(dir.path + "/data.pdf"); 
    await file.writeAsBytes(bytes, flush: true);
    setState(() {
    loadDocument(file);
    });
    // return file;
    
  }

Question 2

môžete použiť flutter_pdfview balík, ktorý chcete zobraziť pdf:

loadDocument(file) {
    PDFView(
      filePath: file.path,
      enableSwipe: true,
      swipeHorizontal: true,
      autoSpacing: false,
      pageFling: false,
      onRender: (_pages) {
        setState(() {
          pages = _pages;
          isReady = true;
        });
      },
      onError: (error) {
        print(error.toString());
      },
      onPageError: (page, error) {
        print('$page: ${error.toString()}');
      },
      onViewCreated: (PDFViewController pdfViewController) {
        _controller.complete(pdfViewController);
      },
      onPageChanged: (int page, int total) {
        print('page change: $page/$total');
      },
    ),
}

AbdKa · Answer 1 · 2021-11-21T02:27:47

môžete použiť flutter_pdfview balík, ktorý chcete zobraziť pdf:

loadDocument(file) {
    PDFView(
      filePath: file.path,
      enableSwipe: true,
      swipeHorizontal: true,
      autoSpacing: false,
      pageFling: false,
      onRender: (_pages) {
        setState(() {
          pages = _pages;
          isReady = true;
        });
      },
      onError: (error) {
        print(error.toString());
      },
      onPageError: (page, error) {
        print('$page: ${error.toString()}');
      },
      onViewCreated: (PDFViewController pdfViewController) {
        _controller.complete(pdfViewController);
      },
      onPageChanged: (int page, int total) {
        print('page change: $page/$total');
      },
    ),
}

Snažil som sa s tým balík, ale keď som spustiť projekt ukazuje chybu: to, Čo sa pokazilo: Vykonanie zlyhalo pre úlohu ':app:checkDebugAarMetadata'. > Nepodarilo vyriešiť všetky súbory konfigurácie": app:debugRuntimeClasspath'. > Nepodarilo nájsť com.github.barteksc:android-pdf-viewer:3.2.0-beta.1.

Ako zobraziť pdf načítané z API odpoveď v flutter?

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii