Read a PDF just with JS (no native libs needed)

Requirements

Example

import*asReactfrom'react'import{View}from'react-native'importPDFReaderfrom'rn-pdf-reader-js'exportdefaultclassAppextendsReact.Component{render(){return(<PDFReadersource={{uri:'http://gahp.net/wp-content/uploads/2017/09/sample.pdf',}}/>)}}

Props

interfaceSource{uri?:string// can be local or served on the web (ie. start with `https://` or `file://`)base64?:string// should start with `data:application/pdf;base64,`. A base64 encoded pdf file tends to start with `JVBERi0xL` so your complete string should look something like this: `data:application/pdf;base64,JVBERi0xL...`headers?:{[key:string]:string}}interfaceProps{source:Sourcestyle?:View['props']['style']// style props to override default container stylewebviewStyle?:WebView['props']['style']// style props to override default WebView stylewebviewProps?:WebView['props']noLoader?:booleanuseGoogleReader?:boolean// If you are not worried about confidentialitywithScroll?:boolean// Can cause performance issuewithPinchZoom?:booleancustomStyle?:{readerContainer?:CSS.PropertiesreaderContainerDocument?:CSS.PropertiesreaderContainerNumbers?:CSS.PropertiesreaderContainerNumbersContent?:CSS.PropertiesreaderContainerZoomContainer?:CSS.PropertiesreaderContainerZoomContainerButton?:CSS.PropertiesreaderContainerNavigate?:CSS.PropertiesreaderContainerNavigateArrow?:CSS.Properties}onLoad?():void// callback that runs after WebView is loadedonLoadEnd?():void// callback that runs after WebView is loadedonError?():void// callback that runs when WebView is on error}

Possibilities

What rn-pdf-reader-js use?

FAQ

Hire an expert!