react-native-view-pdf/src/RNPDFView.js

React native Pdf viewer implementation

import { requireNativeComponent, ViewPropTypes } from 'react-native';
import PropTypes from 'prop-types';


const componentInterface = {
  name: 'PDFView',
  propTypes: {
    /**
     * A Function. Invoked on load error with {nativeEvent: {error}}.
     */
    onError: PropTypes.func,

    /**
     * A Function. Invoked when load completes successfully.
     */
    onLoad: PropTypes.func,

    /**
     * A Function. Invoked when page is changed.
     */
    onPageChanged: PropTypes.func,

    /**
     * A Function. Invoked when page is scrolled.
     */
    onScrolled: PropTypes.func,

    /**
     * A String value. Defines the resource to render. Can be one of:
     *   - url. Example: http://www.pdf995.com/samples/pdf.pdf
     *   - base64. Example: 'JVBERi0xLjcKCjEgMCBvYmogICUgZW50...'
     *   - fileName - Example: Platform.OS === 'ios' ?
     *       'test-pdf.pdf' : '/sdcard/Download/test-pdf.pdf'
     */
    resource: PropTypes.string,

    /**
     * A String value. Defines the resource type. Can be one of:
     *   - "url", for url
     *   - "base64", for base64 data
     *   - "file", for local files
     */
    resourceType: PropTypes.string,

    /**
     * iOS file location. Can be one of:
     *   - "bundle"
     *   - "documentsDirectory"
     */
    fileFrom: PropTypes.string,

    /**
     * Extended props for "url" resource type
     */
    urlProps: {
      /**
       * `method` is the HTTP Method to use. Defaults to GET if not specified.
       */
      method: PropTypes.string,

      /**
       * `headers` is an object representing the HTTP headers to send along with the
       * request for a remote image.
       */
      headers: PropTypes.objectOf(PropTypes.string),

      /**
       * `body` is the HTTP body to send with the request. This must be a valid
       * UTF-8 string, and will be sent exactly as specified, with no
       * additional encoding (e.g. URL-escaping or base64) applied.
       */
      body: PropTypes.string,
    },

    /**
     * A String value. Defines encoding type. Can be one of:
     *   - "utf-8", default
     *   - "utf-16"
     */
    textEncoding: PropTypes.string,

    /**
     * A Number value. Fades in the webview (in ms) on load successfully (iOS Only):
     *   - 0.0, default
     */
    fadeInDuration: PropTypes.number,
    ...ViewPropTypes,
  },
};


export default requireNativeComponent('PDFView', componentInterface);