A basic PDF viewer plugin for NativeScript, to display PDF documents on iOS and Android.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
demo fix(eveyrthing): upgrade to NativeScript 3.0.0 May 21, 2017
platforms/android fix(eveyrthing): upgrade to NativeScript 3.0.0 May 21, 2017
.gitignore
.npmignore
AndroidPdfViewer.d.ts
CONTRIBUTING.md
LICENSE
README.md
index.d.ts
package.json chore: add a CONTRIBUTING guide and commitizen to enforce commit mess… May 25, 2017
pdf-view.android.d.ts
pdf-view.android.ts fix(android): fix crash on android May 25, 2017
pdf-view.common.d.ts
pdf-view.common.ts
pdf-view.ios.d.ts
pdf-view.ios.ts
references.d.ts
tsconfig.json
tslint.json
yarn.lock

README.md

NativeScript PDFView

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.