react-native-pdf-view
React Native PDF View (cross-platform support)
Breaking changes
Just for RN 0.40.0 and later.
Installation
npm i pdf-view --save react-native link pdf-view
- In
android/setting.gradle
...include ':PDFView'project(':PDFView').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-pdf-view/android')
- In
android/app/build.gradle
...dependencies { ... compile project(':PDFView')}
- register module (in MainActivity.java)
On newer versions of React Native (0.18+):
// <--- import
On older versions of React Native:
// <--- import
Usage
First, require it from your app's JavaScript files with:
import PDFView from 'react-native-pdf-view';
Example
'use strict'; ; ; ; { superprops; } { <PDFView ref={thispdfView = pdf;} src="sdcard/pdffile.pdf" onLoadComplete = { thispdfView; } style=stylespdf/> }var styles = StyleSheet;
Configuration
Property | Type | Default | Description | iOS | Android |
---|---|---|---|---|---|
path | string | null | pdf absolute path | ✔ | ✔ |
src | string | null | pdf absolute path(Deprecated ) |
✔ | ✔ |
asset | string | null | the name of a PDF file in the asset folder | ✔ | |
pageNumber | number | 1 | page index | ✔ | ✔ |
zoom | number | 1.0 | zoom scale | ✔ | ✔ |
onLoadComplete | function | null | page load complete,return page count | ✔ | ✔ |