Noteworthy Programming Masterpiece
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

rn-pdf-reader-js

0.1.7 • Public • Published

PDF reader for Expo

Android support 🚀





npm version

💥 DEMO 💥

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

Example

import React from 'react';
import { StyleSheet, View } from 'react-native';
import PDFReader from 'rn-pdf-reader-js';
import { Constants } from 'expo';
 
export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <PDFReader
          source={{ uri: "http://gahp.net/wp-content/uploads/2017/09/sample.pdf" }}
        />
      </View>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
  },
});

Props

  • source: Object
    • uri?: string - can be local or served on the web (ie. start withs https:// or file://)
    • base64?: string - should start with data

Requirements

  • Use it into Expo app (from expo client, Standalone app or ExpoKit app).
  • Because we need to have access to Expo.FileSystem
  • Only React-Native 0.54+ support, Expo SDK 27

Features

  • For Android, use react-pdf / pdfjs in the webview
  • For iOS devices, display file directly to the WebView

What rn-pdf-reader-js use?

  • react-pdf (pdf.js)
  • WebView
  • Expo FileSystem API
  • Base64

Keywords

none

install

npm i rn-pdf-reader-js

Downloadsweekly downloads

116

version

0.1.7

license

MIT

last publish

collaborators

  • avatar
Report a vulnerability