react-native-pdf 6.2.0 → 6.4.0

package/PdfView.js

@@ -37,6 +37,7 @@ export default class PdfView extends Component {
         horizontal: PropTypes.bool,
         page: PropTypes.number,
         currentPage: PropTypes.number,
+        singlePage: PropTypes.bool,
         onPageSingleTap: PropTypes.func,
         onScaleChanged: PropTypes.func,
     };
@@ -55,6 +56,7 @@ export default class PdfView extends Component {
         page: 1,
         currentPage: -1,
         enablePaging: false,
+        singlePage: false,
         onPageSingleTap: (page, x, y) => {
         },
         onScaleChanged: (scale) => {
@@ -160,7 +162,7 @@ export default class PdfView extends Component {
         let fitPolicy = this.props.fitPolicy;
 
         // if only one page, show whole page in center
-        if (this.state.numberOfPages === 1) {
+        if (this.state.numberOfPages === 1 || this.props.singlePage) {
             fitPolicy = 2;
         }
 
@@ -187,7 +189,7 @@ export default class PdfView extends Component {
         let fitPolicy = this.props.fitPolicy;
 
         // if only one page, show whole page in center
-        if (this.state.numberOfPages === 1) {
+        if (this.state.numberOfPages === 1 || this.props.singlePage) {
             fitPolicy = 2;
         }
 
@@ -257,6 +259,24 @@ export default class PdfView extends Component {
     };
 
     _renderItem = ({item, index}) => {
+        const pageView = (
+            <PdfPageView
+                accessible={true}
+                key={item.id}
+                fileNo={this.state.fileNo}
+                page={item.key + 1}
+                width={this._getPageWidth()}
+                height={this._getPageHeight()}
+            />
+        )
+
+        if (this.props.singlePage) {
+            return (
+                <View style={{flexDirection: this.props.horizontal ? 'row' : 'column'}} >
+                    {pageView}
+                </View>
+            )
+        }
 
         return (
             <DoubleTapView style={{flexDirection: this.props.horizontal ? 'row' : 'column'}}
@@ -267,14 +287,7 @@ export default class PdfView extends Component {
                                this._onItemDoubleTap(index);
                            }}
             >
-                <PdfPageView
-                    accessible={true}
-                    key={item.id}
-                    fileNo={this.state.fileNo}
-                    page={item.key + 1}
-                    width={this._getPageWidth()}
-                    height={this._getPageHeight()}
-                />
+                {pageView}
                 {(index !== this.state.numberOfPages - 1) && this._renderSeparator()}
             </DoubleTapView>
         );
@@ -318,10 +331,14 @@ export default class PdfView extends Component {
     };
 
     _renderList = () => {
-
         let data = [];
-        for (let i = 0; i < this.state.numberOfPages; i++) {
-            data[i] = {key: i};
+
+        if (this.props.singlePage) {
+            data[0] = {key: this.props.currentPage >= 0 ? this.props.currentPage : 0}
+        } else {
+            for (let i = 0; i < this.state.numberOfPages; i++) {
+                data[i] = {key: i};
+            }
         }
 
         return (
@@ -350,6 +367,7 @@ export default class PdfView extends Component {
                 viewabilityConfig={VIEWABILITYCONFIG}
                 onScroll={this._onScroll}
                 onContentSizeChange={this._onListContentSizeChange}
+                scrollEnabled={!this.props.singlePage}
             />
         );
 
@@ -366,6 +384,16 @@ export default class PdfView extends Component {
 
 
     render() {
+        if (this.props.singlePage) {
+            return (
+                <View
+                    style={styles.container}
+                    onLayout={this._onLayout}
+                >
+                    {this.state.pdfLoaded && this._renderList()}
+                </View>
+            )
+        }
 
         return (
             <PinchZoomView

package/PinchZoomView.js

@@ -108,7 +108,7 @@ export default class PinchZoomView extends Component {
         return (
             <View
                 {...this.props}
-                {...this.gestureHandlers.panHandlers}
+                {...this.gestureHandlers?.panHandlers}
                 style={[styles.container, this.props.style]}>
                 {this.props.children}
             </View>

package/README.md

@@ -5,7 +5,7 @@ A react native PDF view component (cross-platform support)
 
 ### Feature
 
-* read a PDF from url/local file/asset and can cache it.
+* read a PDF from url, blob, local file or asset and can cache it.
 * display horizontally or vertically
 * drag and zoom
 * double tap for zoom
@@ -13,24 +13,24 @@ A react native PDF view component (cross-platform support)
 * jump to a specific page in the pdf
 
 ### Supported versions
-We use [`rn-fetch-blob`](https://github.com/joltup/rn-fetch-blob) to handle file system access in this package,
-So you should install react-native-pdf and rn-fetch-blob
+We use [`react-native-blob-util`](https://github.com/RonRadtke/react-native-blob-util) to handle file system access in this package,
+So you should install react-native-pdf and react-native-blob-util
 
-> The table below shows the supported versions of React Native and rn-fetch-blob for different versions of `react-native-pdf`.
+> The table below shows the supported versions of React Native and react-native-blob-util for different versions of `react-native-pdf`.
 
-| React Native              | 0.4x - 0.56     | 0.57    | 0.60+    | 0.62+    |
-| ------------------------- | --------------- | ------- | -------- | -------- |
-| react-native-pdf          | 4.x.x - 5.0.x   | 5.0.9+  | 6.0.0+   | 6.2.0+   |
-| rn-fetch-blob             | 0.10.15         | 0.10.15 | 0.11.0+  | 0.11.0+  |
+| React Native              | 0.4x - 0.56     | 0.57    | 0.60+    | 0.62+    | 0.62+    |
+| ------------------------- | --------------- | ------- | -------- | -------- | -------- |
+| react-native-pdf          | 4.x.x - 5.0.x   | 5.0.9+  | 6.0.0+   | 6.2.0+   | 6.4.0+   |
+| react-native-blob-util    |                 |         |          |          | 0.13.7+  |
 
 ### Installation
 
 ```bash
 # Using npm
-npm install react-native-pdf rn-fetch-blob --save
+npm install react-native-pdf react-native-blob-util fbjs --save
 
 # or using yarn:
-yarn add react-native-pdf rn-fetch-blob
+yarn add react-native-pdf react-native-blob-util fbjs
 ```
 
 Then follow the instructions for your platform to link react-native-pdf into your project:
@@ -46,7 +46,7 @@ Run `pod install` in the `ios` directory. Linking is not required in React Nativ
 **React Native 0.59 and below**
 
 ```bash
-react-native link rn-fetch-blob
+react-native link react-native-blob-util
 react-native link react-native-pdf
 ```
 </details>
@@ -73,13 +73,40 @@ android {
 
 **React Native 0.59.0 and below**
 ```bash
-react-native link rn-fetch-blob
+react-native link react-native-blob-util
 react-native link react-native-pdf
 ```
 
 
 </details>
 
+### Windows installation
+<details>
+  <sumary>Windows details</summary>
+
+- Open your solution in Visual Studio 2019 (eg. `windows\yourapp.sln`)
+- Right-click Solution icon in Solution Explorer > Add > Existing Project...
+- If running RNW 0.62: add `node_modules\react-native-pdf\windows\RCTPdf\RCTPdf.vcxproj`
+- If running RNW 0.62: add `node_modules\react-native-blob-util\windows\ReactNativeBlobUtil\ReactNativeBlobUtil.vcxproj`
+- Right-click main application project > Add > Reference...
+- Select `progress-view` and  in Solution Projects
+  - If running 0.62, also select `RCTPdf` and `ReactNativeBlobUtil`
+- In app `pch.h` add `#include "winrt/RCTPdf.h"`
+  - If running 0.62, also select `#include "winrt/ReactNativeBlobUtil.h"`
+- In `App.cpp` add `PackageProviders().Append(winrt::progress_view::ReactPackageProvider());` before `InitializeComponent();`
+  - If running RNW 0.62, also add `PackageProviders().Append(winrt::RCTPdf::ReactPackageProvider());` and `PackageProviders().Append(winrt::ReactNativeBlobUtil::ReactPackageProvider());`
+
+
+#### Bundling PDFs with the app
+To add a `test.pdf` like in the example add:
+```
+<None Include="..\..\test.pdf">
+  <DeploymentContent>true</DeploymentContent>
+</None>
+```
+in the app `.vcxproj` file, before `<None Include="packages.config" />`.
+</details>
+
 ### FAQ
 <details>
   <summary>FAQ details</summary>
@@ -139,6 +166,27 @@ react-native run-ios
 <details>
   <summary>ChangeLog details</summary>
 
+v6.4.0
+1. Remove sample for reducing NPM package size
+2. Add support for setting a filename for the cached pdf file
+3. Use react-native-blob-util instead of rn-fetch-blob
+4. Add blob support
+5. remove progress-view dependency
+
+v6.3.0
+1. Add windows support
+2. Fixed some bugs
+
+v6.2.2
+1. Fixed incorrect type of onPageSingleTap and onScaleChanged argument
+2. Fixed included missing setPage method in TypeScript and Flow types
+3. fixed Xcode 12 compatibility
+
+v6.2.1
+1. Fixed typescript `onLoadComplete()` definition
+2. Switched the AndroidPdfViewer dependency from Barteksc repo to TalbotGooday
+3. Add singlePage property
+
 v6.2.0
 1. Fixed ReferenceError, url should be source.uri
 2. Dependency bump to support React-Native >= 0.62
@@ -164,25 +212,6 @@ v6.0.0
 1. Add JS callback onPressLink for pdf link press listener
 2. Fix calling setState while unmounted
 
-v5.1.7
-1. Downgraded to AndroidPdfViewer 3.1.0-beta.1
-
-v5.1.6
-1. Fixed componentWillReceiveProps and componentWillMount warnings
-
-v5.1.5
-1. Added setPage() method
-2. Upgraded to AndroidPdfViewer to 3.2.0-beta.1
-3. Fixed some codes ,readme and sample
-
-v5.1.4
-1. Updated example project to RN 0.60.4
-2. Fixed blank view after native module got recycled in onDetachedFromWindow event
-3. Restore singleTap, only callback, do not change scale
-
-v5.1.3
-1. Removed singleTap action from iOS, make the same with Android.
-
 
 [[more]](https://github.com/wonday/react-native-pdf/releases)
 
@@ -201,38 +230,38 @@ v5.1.3
 
 import React from 'react';
 import { StyleSheet, Dimensions, View } from 'react-native';
-
 import Pdf from 'react-native-pdf';
 
 export default class PDFExample extends React.Component {
     render() {
-        const source = {uri:'http://samples.leanpub.com/thereactnativebook-sample.pdf',cache:true};
+        const source = { uri: 'http://samples.leanpub.com/thereactnativebook-sample.pdf', cache: true };
         //const source = require('./test.pdf');  // ios only
-        //const source = {uri:'bundle-assets://test.pdf'};
-
+        //const source = {uri:'bundle-assets://test.pdf' };
         //const source = {uri:'file:///sdcard/test.pdf'};
         //const source = {uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."};
+        //const source = {uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"};
+        //const source = {uri:"blob:xxxxxxxx-...?offset=0&size=xxx"};
 
         return (
             <View style={styles.container}>
                 <Pdf
                     source={source}
-                    onLoadComplete={(numberOfPages,filePath)=>{
-                        console.log(`number of pages: ${numberOfPages}`);
+                    onLoadComplete={(numberOfPages,filePath) => {
+                        console.log(`Number of pages: ${numberOfPages}`);
                     }}
-                    onPageChanged={(page,numberOfPages)=>{
-                        console.log(`current page: ${page}`);
+                    onPageChanged={(page,numberOfPages) => {
+                        console.log(`Current page: ${page}`);
                     }}
-                    onError={(error)=>{
+                    onError={(error) => {
                         console.log(error);
                     }}
-                    onPressLink={(uri)=>{
-                        console.log(`Link presse: ${uri}`)
+                    onPressLink={(uri) => {
+                        console.log(`Link pressed: ${uri}`);
                     }}
                     style={styles.pdf}/>
             </View>
         )
-  }
+    }
 }
 
 const styles = StyleSheet.create({
@@ -254,56 +283,60 @@ const styles = StyleSheet.create({
 
 ### Configuration
 
-| Property      | Type          | Default          | Description         | iOS   | Android | FirstRelease |
-| ------------- |:-------------:|:----------------:| ------------------- | ------| ------- | ------------ |
-| source        | object        | not null         | PDF source like {uri:xxx, cache:false}. see the following for detail.| ✔ | ✔ | <3.0 |
-| page          | number        | 1                | initial page index          | ✔   | ✔ | <3.0 |
-| scale         | number        | 1.0              | should minScale<=scale<=maxScale| ✔   | ✔ | <3.0 |
-| minScale         | number        | 1.0              | min scale| ✔   | ✔ | 5.0.5 |
-| maxScale         | number        | 3.0              | max scale| ✔   | ✔ | 5.0.5 |
-| horizontal    | bool          | false            | draw page direction, if you want to listen the orientation change, you can use  [[react-native-orientation-locker]](https://github.com/wonday/react-native-orientation-locker)| ✔   | ✔ | <3.0 |
-| fitWidth      | bool          | false            | if true fit the width of view, can not use fitWidth=true together with scale| ✔   | ✔ | <3.0, abandoned from 3.0 |
-| fitPolicy     | number        | 2                | 0:fit width, 1:fit height, 2:fit both(default)| ✔   | ✔ | 3.0 |
-| spacing       | number        | 10               | the breaker size between pages| ✔   | ✔ | <3.0 |
-| password      | string        | ""               | pdf password, if password error, will call OnError() with message "Password required or incorrect password."        | ✔   | ✔ | <3.0 |
-| style         | object        | {backgroundColor:"#eee"} | support normal view style, you can use this to set border/spacing color... | ✔   | ✔ | <3.0 |
-| activityIndicator   | Component       | <ProgressBar/> | when loading show it as an indicator, you can use your component| ✔   | ✔ | <3.0 |
-| activityIndicatorProps  | object      | {color:'#009900', progressTintColor:'#009900'} | activityIndicator props | ✔ | ✔ | 3.1 |
-| enableAntialiasing  | bool            | true        | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch  | ✖   | ✔ | <3.0 |
-| enablePaging  | bool            | false        | only show one page in screen   | ✔ | ✔ | 5.0.1 |
-| enableRTL  | bool            | false        | scroll page as "page3, page2, page1"  | ✔   | ✖ | 5.0.1 |
-| enableAnnotationRendering  | bool            | true        | enable rendering annotation, notice:iOS only support initial setting,not support realtime changing  | ✔ | ✔ | 5.0.3 |
-| trustAllCerts  | bool            | true        | Allow connections to servers with self-signed certification  | ✔ | ✔ | 6.0.? |
-| onLoadProgress      | function(percent) | null        | callback when loading, return loading progress (0-1) | ✔   | ✔ | <3.0 |
-| onLoadComplete      | function(numberOfPages, path, {width, height}, tableContents) | null        | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents | ✔   | ✔ | <3.0 |
-| onPageChanged       | function(page,numberOfPages)  | null        | callback when page changed ,return current page and total page count | ✔   | ✔ | <3.0 |
-| onError       | function(error) | null        | callback when error happened | ✔   | ✔ | <3.0 |
-| onPageSingleTap   | function(page)  | null        | callback when page was single tapped | ✔ | ✔ | 3.0 |
-| onScaleChanged    | function(scale) | null        | callback when scale page | ✔ | ✔ | 3.0 |
-| onPressLink       | function(uri)   | null        | callback when link tapped | ✔ | ✔ | 6.0.0 |
+| Property      | Type          | Default          | Description         | iOS   | Android | Windows | FirstRelease |
+| ------------- |:-------------:|:----------------:| ------------------- | ------| ------- | ------- | ------------ |
+| source        | object        | not null         | PDF source like {uri:xxx, cache:false}. see the following for detail.| ✔ | ✔ | ✔ | <3.0 |
+| page          | number        | 1                | initial page index          | ✔   | ✔ | ✔ | <3.0 |
+| scale         | number        | 1.0              | should minScale<=scale<=maxScale| ✔   | ✔ | ✔ | <3.0 |
+| minScale         | number        | 1.0              | min scale| ✔   | ✔ | ✔ | 5.0.5 |
+| maxScale         | number        | 3.0              | max scale| ✔   | ✔ | ✔ | 5.0.5 |
+| horizontal    | bool          | false            | draw page direction, if you want to listen the orientation change, you can use  [[react-native-orientation-locker]](https://github.com/wonday/react-native-orientation-locker)| ✔   | ✔ | ✔ | <3.0 |
+| fitWidth      | bool          | false            | if true fit the width of view, can not use fitWidth=true together with scale| ✔   | ✔ | ✔ | <3.0, abandoned from 3.0 |
+| fitPolicy     | number        | 2                | 0:fit width, 1:fit height, 2:fit both(default)| ✔   | ✔ | ✔ | 3.0 |
+| spacing       | number        | 10               | the breaker size between pages| ✔   | ✔ | ✔ | <3.0 |
+| password      | string        | ""               | pdf password, if password error, will call OnError() with message "Password required or incorrect password."        | ✔   | ✔ | ✔ | <3.0 |
+| style         | object        | {backgroundColor:"#eee"} | support normal view style, you can use this to set border/spacing color... | ✔   | ✔ | ✔ | <3.0 |
+| renderActivityIndicator   | (progress) => Component       | <ProgressBar/> | when loading show it as an indicator, you can use your component| ✔   | ✔ | ✖ | <3.0 |
+| enableAntialiasing  | bool            | true        | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch  | ✖   | ✔ | ✖ | <3.0 |
+| enablePaging  | bool            | false        | only show one page in screen   | ✔ | ✔ | ✔ | 5.0.1 |
+| enableRTL  | bool            | false        | scroll page as "page3, page2, page1"  | ✔   | ✖ | ✔ | 5.0.1 |
+| enableAnnotationRendering  | bool            | true        | enable rendering annotation, notice:iOS only support initial setting,not support realtime changing  | ✔ | ✔ | ✖ | 5.0.3 |
+| trustAllCerts  | bool            | true        | Allow connections to servers with self-signed certification  | ✔ | ✔ | ✖ | 6.0.? |
+| singlePage  | bool  | false | Only show first page, useful for thumbnail views | ✔ | ✔ | ✔ | 6.2.1 |
+| onLoadProgress      | function(percent) | null        | callback when loading, return loading progress (0-1) | ✔   | ✔ | ✖ | <3.0 |
+| onLoadComplete      | function(numberOfPages, path, {width, height}, tableContents) | null        | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents | ✔   | ✔ | ✔ but without tableContents | <3.0 |
+| onPageChanged       | function(page,numberOfPages)  | null        | callback when page changed ,return current page and total page count | ✔   | ✔ | ✔ | <3.0 |
+| onError       | function(error) | null        | callback when error happened | ✔   | ✔ | ✔ | <3.0 |
+| onPageSingleTap   | function(page)  | null        | callback when page was single tapped | ✔ | ✔ | ✔ | 3.0 |
+| onScaleChanged    | function(scale) | null        | callback when scale page | ✔ | ✔ | ✔ | 3.0 |
+| onPressLink       | function(uri)   | null        | callback when link tapped | ✔ | ✔ | ✖ | 6.0.0 |
 
 #### parameters of source
 
-| parameter    | Description | default | iOS | Android |
-| ------------ | ----------- | ------- | --- | ------- |
-| uri          | pdf source, see the forllowing for detail.| required | ✔   | ✔ |
-| cache        | use cache or not | false | ✔ | ✔ |
-| expiration   | cache file expired seconds (0 is not expired) | 0 | ✔ | ✔ |
-| method       | request method when uri is a url | "GET" | ✔ | ✔ |
-| headers      | request headers when uri is a url | {} | ✔ | ✔ |
+| parameter    | Description | default | iOS | Android | Windows |
+| ------------ | ----------- | ------- | --- | ------- | ------- |
+| uri          | pdf source, see the forllowing for detail.| required | ✔   | ✔ | ✔ |
+| cache        | use cache or not | false | ✔ | ✔ | ✖ |
+| cacheFileName | specific file name for cached pdf file | SHA1(uri) result | ✔ | ✔ | ✖ |
+| expiration   | cache file expired seconds (0 is not expired) | 0 | ✔ | ✔ | ✖ |
+| method       | request method when uri is a url | "GET" | ✔ | ✔ | ✖ |
+| headers      | request headers when uri is a url | {} | ✔ | ✔ | ✖ |
 
 #### types of source.uri
 
-| Usage    | Description | iOS | Android |
-| ------------ | ----------- | --- | ------- |
-| `{uri:"http://xxx/xxx.pdf"}` | load pdf from a url | ✔   | ✔ |
-| `{require("./test.pdf")}` | load pdf relate to js file (do not need add by xcode) | ✔ | ✖ |
-| `{uri:"bundle-assets://path/to/xxx.pdf"}` | load pdf from assets, the file should be at android/app/src/main/assets/path/to/xxx.pdf | ✖ | ✔ |
-| `{uri:"bundle-assets://xxx.pdf"}` | load pdf from assets, you must add pdf to project by xcode. this does not support folder. | ✔ | ✖ |
-| `{uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."}` | load pdf from base64 string | ✔   | ✔ |
-| `{uri:"file:///absolute/path/to/xxx.pdf"}` | load pdf from local file system | ✔   | ✔ |
-
-
+| Usage        | Description | iOS | Android | Windows |
+| ------------ | ----------- | --- | ------- | ------- |
+| `{uri:"http://xxx/xxx.pdf"}` | load pdf from a url | ✔   | ✔ | ✔ |
+| `{require("./test.pdf")}` | load pdf relate to js file (do not need add by xcode) | ✔ | ✖ | ✖ |
+| `{uri:"bundle-assets://path/to/xxx.pdf"}` | load pdf from assets, the file should be at android/app/src/main/assets/path/to/xxx.pdf | ✖ | ✔ | ✖ |
+| `{uri:"bundle-assets://xxx.pdf"}` | load pdf from assets, you must add pdf to project by xcode. this does not support folder. | ✔ | ✖ | ✖ |
+| `{uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."}` | load pdf from base64 string | ✔   | ✔ | ✔ |
+| `{uri:"file:///absolute/path/to/xxx.pdf"}` | load pdf from local file system | ✔  | ✔ | ✔  |
+| `{uri:"ms-appx:///xxx.pdf"}}` | load pdf bundled with UWP app |  ✖ | ✖ | ✔ |
+| `{uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"}` | load pdf from content URI | ✔* | ✖ | ✖ |
+| `{uri:"blob:xxxxxxxx-...?offset=0&size=xxx"}` | load pdf from blob URL | ✖ | ✔ | ✖ |
+
+\*) requires building React Native from source with [this patch](https://github.com/facebook/react-native/pull/31789)
 ### Methods
 * [setPage](#setPage)
 

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Sat Oct 12 21:44:37 CST 2019
+gradle.version=5.6.1

package/android/build.gradle

@@ -13,6 +13,13 @@ buildscript {
 
 repositories {
     jcenter()
+    maven {
+        url 'https://jitpack.io'
+        content {
+            // Use Jitpack only for AndroidPdfViewer; the rest is hosted at jcenter.
+            includeGroup "com.github.TalbotGooday"
+        }
+    }
 }
 
 apply plugin: 'com.android.library'
@@ -52,6 +59,8 @@ android {
 
 dependencies {
     implementation "com.facebook.react:react-native:${_reactNativeVersion}"
-    implementation 'com.github.barteksc:android-pdf-viewer:3.1.0-beta.1'
+    // NOTE: The original repo at com.github.barteksc is abandoned by the maintainer; there will be no more updates coming from that repo.
+    //       It was taken over by com.github.TalbotGooday; from now on please use this repo until (if ever) the Barteksc repo is resumed.
+    implementation 'com.github.TalbotGooday:AndroidPdfViewer:3.1.0-beta.3'
     implementation 'com.google.code.gson:gson:2.8.5'
 }

package/android/src/main/java/org/wonday/pdf/PdfView.java

@@ -10,6 +10,7 @@ package org.wonday.pdf;
 
 import java.io.File;
 
+import android.content.ContentResolver;
 import android.content.Context;
 import android.view.View;
 import android.view.ViewGroup;
@@ -49,11 +50,15 @@ import com.facebook.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
 
 import static java.lang.String.format;
+
+import java.io.FileNotFoundException;
+import java.io.InputStream;
 import java.lang.ClassCastException;
 
 import com.shockwave.pdfium.PdfDocument;
 import com.google.gson.Gson;
 import com.google.gson.GsonBuilder;
+import com.shockwave.pdfium.util.SizeF;
 
 public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompleteListener,OnErrorListener,OnTapListener,OnDrawListener,OnPageScrollListener, LinkHandler {
     private ThemedReactContext context;
@@ -74,6 +79,7 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
     private boolean pageFling = false;
     private boolean pageSnap = false;
     private FitPolicy fitPolicy = FitPolicy.WIDTH;
+    private boolean singlePage = false;
 
     private static PdfView instance = null;
 
@@ -106,14 +112,14 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
 
     @Override
     public void loadComplete(int numberOfPages) {
-
-        float width = this.getWidth();
-        float height = this.getHeight();
+        SizeF pageSize = getPageSize(0);
+        float width = pageSize.getWidth();
+        float height = pageSize.getHeight();
 
         this.zoomTo(this.scale);
         WritableMap event = Arguments.createMap();
 
-        //create a new jason Object for the TableofContents
+        //create a new json Object for the TableOfContents
         Gson gson = new Gson();
         event.putString("message", "loadComplete|"+numberOfPages+"|"+width+"|"+height+"|"+gson.toJson(this.getTableOfContents()));
         ReactContext reactContext = (ReactContext)this.getContext();
@@ -220,13 +226,27 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
             Constants.Pinch.MINIMUM_ZOOM = this.minScale;
             Constants.Pinch.MAXIMUM_ZOOM = this.maxScale;
 
-            this.fromUri(getURI(this.path))
-                .defaultPage(this.page-1)
+            Configurator configurator;
+
+            if (this.path.startsWith("content://")) {
+                ContentResolver contentResolver = getContext().getContentResolver();
+                InputStream inputStream = null;
+                Uri uri = Uri.parse(this.path);
+                try {
+                    inputStream = contentResolver.openInputStream(uri);
+                } catch (FileNotFoundException e) {
+                    throw new RuntimeException(e.getMessage());
+                }
+                configurator = this.fromStream(inputStream);
+            } else {
+                configurator = this.fromUri(getURI(this.path));
+            }
+
+            configurator.defaultPage(this.page-1)
                 .swipeHorizontal(this.horizontal)
                 .onPageChange(this)
                 .onLoad(this)
                 .onError(this)
-                .onTap(this)
                 .onDraw(this)
                 .onPageScroll(this)
                 .spacing(this.spacing)
@@ -236,10 +256,19 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
                 .pageSnap(this.pageSnap)
                 .autoSpacing(this.autoSpacing)
                 .pageFling(this.pageFling)
+                .enableSwipe(!this.singlePage)
+                .enableDoubletap(!this.singlePage)
                 .enableAnnotationRendering(this.enableAnnotationRendering)
-                .linkHandler(this)
-                .load();
+                .linkHandler(this);
 
+            if (this.singlePage) {
+                configurator.pages(this.page-1);
+                setTouchesEnabled(false);
+            } else {
+                configurator.onTap(this);
+            }
+
+            configurator.load();
         }
     }
 
@@ -315,6 +344,10 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
 
     }
 
+    public void setSinglePage(boolean singlePage) {
+        this.singlePage = singlePage;
+    }
+
     /**
      * @see https://github.com/barteksc/AndroidPdfViewer/blob/master/android-pdf-viewer/src/main/java/com/github/barteksc/pdfviewer/link/DefaultLinkHandler.java
      */
@@ -362,4 +395,29 @@ public class PdfView extends PDFView implements OnPageChangeListener,OnLoadCompl
         }
         return parsed;
     }
+
+    private void setTouchesEnabled(final boolean enabled) {
+        setTouchesEnabled(this, enabled);
+    }
+
+    private static void setTouchesEnabled(View v, final boolean enabled) {
+        if (enabled) {
+            v.setOnTouchListener(null);
+        } else {
+            v.setOnTouchListener(new View.OnTouchListener() {
+                @Override
+                public boolean onTouch(View v, MotionEvent event) {
+                    return true;
+                }
+            });
+        }
+
+        if (v instanceof ViewGroup) {
+            ViewGroup vg = (ViewGroup) v;
+            for (int i = 0; i < vg.getChildCount(); i++) {
+                View child = vg.getChildAt(i);
+                setTouchesEnabled(child, enabled);
+            }
+        }
+    }
 }

package/android/src/main/java/org/wonday/pdf/RCTPdfManager.java

@@ -120,6 +120,11 @@ public class RCTPdfManager extends SimpleViewManager<PdfView> {
         pdfView.setFitPolicy(fitPolicy);
     }
 
+    @ReactProp(name = "singlePage")
+    public void setSinglePage(PdfView pdfView, boolean singlePage) {
+        pdfView.setSinglePage(singlePage);
+    }
+
     @Override
     public void onAfterUpdateTransaction(PdfView pdfView) {
         super.onAfterUpdateTransaction(pdfView);