IMPORTANT

This plugin has moved into the NativeScript plugin repository: https://github.com/NativeScript/plugins/blob/main/packages/pdf/

Please use npm install @nativescript/pdffrom now on.

There will be no more releases from this repository.

NativeScript PDFView

Remark This repository is a fork of the original by Merott that will be used with his consent to provide further maintenance of this NativeScript plugin.

A minimal PDF view implementation that does only one thing, and that is to display PDF files in the simplest way possible. It conveniently uses the iOS WKWebView, and for Android it uses AndroidPdfViewer.

This plugin does the bare minimum required to render the PDF, no configuration options, and no error handling have been built yet. I welcome all Pull Requests!

My aim is to keep the features consistent across iOS and Android.

Installation

tns plugin add nativescript-pdf-view

Usage

Vanilla NativeScript

<Page
  xmlns="http://schemas.nativescript.org/tns.xsd"
  xmlns:pdf="nativescript-pdf-view"
  loaded="pageLoaded">
  <pdf:PDFView src="{{ pdfUrl }}" load="{{ onLoad }}" />
</Page>

Angular NativeScript

import { PDFView } from 'nativescript-pdf-view';
import { registerElement } from 'nativescript-angular';
registerElement('PDFView', () => PDFView);

<PDFView [src]="src" (load)="onLoad()"></PDFView>

Demo

Check out the demo folder for a demo application using this plugin. You can run the demo by executing npm run demo.ios and npm run demo.android from the root directory of the project.

Samples

There are sample applications avalable:

• Plain TypeScript: see demo/ folder in this repository
• NativeScript+Angular: nativescript-pdf-view-angular-sample repository
• NativeScript+VueJs: nativescript-pdf-view-vue-sample repository