React Native 0.60 and above

Run pod install in the ios directory. Linking is not required in React Native 0.60 and above.

React Native 0.59 and below

react-native link rn-fetch-blob
react-native link @react-native-community/progress-bar-android
react-native link @react-native-community/progress-view
react-native link react-native-pdf

If you use RN 0.59.0 and above, please add following to your android/app/build.gradle**

android {

+    packagingOptions {
+       pickFirst 'lib/x86/libc++_shared.so'
+       pickFirst 'lib/x86_64/libjsc.so'
+       pickFirst 'lib/arm64-v8a/libjsc.so'
+       pickFirst 'lib/arm64-v8a/libc++_shared.so'
+       pickFirst 'lib/x86_64/libc++_shared.so'
+       pickFirst 'lib/armeabi-v7a/libc++_shared.so'
+     }

   }

React Native 0.59.0 and below

react-native link rn-fetch-blob
react-native link @react-native-community/progress-bar-android
react-native link @react-native-community/progress-view
react-native link react-native-pdf

• Open your solution in Visual Studio 2019 (eg. windows\yourapp.sln)
• Right-click Solution icon in Solution Explorer > Add > Existing Project...
• Add node_modules\@react-native-community\progress-view\windows\progress-view\progress-view.vcxproj
• If running RNW 0.62: add node_modules\react-native-pdf\windows\RCTPdf\RCTPdf.vcxproj
• If running RNW 0.62: add node_modules\rn-fetch-blob\windows\RNFetchBlob\RNFetchBlob.vcxproj
• Right-click main application project > Add > Reference...
  • Select progress-view and in Solution Projects
  • If running 0.62, also select RCTPdf and RNFetchBlob
• In app pch.h add #include "winrt/progress_view.h" and #include "winrt/RCTPdf.h"
  • If running 0.62, also select #include "winrt/RNFetchBlob.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::RNFetchBlob::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" />.

Q1. After installation and running, I can not see the pdf file.A1: maybe you forgot to excute react-native link or it does not run correctly.You can add it manually. For detail you can see the issue #24 and #2

Q2. When running, it shows 'Pdf' has no propType for native prop RCTPdf.acessibilityLabel of native type 'String'A2. Your react-native version is too old, please upgrade it to 0.47.0+ see also #39

Q3. When I run the example app I get a white/gray screen / the loading bar isn't progressing .A3. Check your uri, if you hit a pdf that is hosted on a http you will need to do the following:

iOS:add an exception for the server hosting the pdf in the ios info.plist. Here is an example :

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSExceptionDomains</key>
  <dict>
    <key>yourserver.com</key>
    <dict>
      <!--Include to allow subdomains-->
      <key>NSIncludesSubdomains</key>
      <true/>
      <!--Include to allow HTTP requests-->
      <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
      <true/>
      <!--Include to specify minimum TLS version-->
      <key>NSTemporaryExceptionMinimumTLSVersion</key>
      <string>TLSv1.1</string>
    </dict>
  </dict>
</dict>

Android:see here

Q4. why doesn't it work with react native expo?.A4. Expo does not support native module. you can read more expo caveats here

Q5. Why can't I run the iOS example? 'Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65.'A5. Run the following commands in the project folder (e.g. react-native-pdf/example) to ensure that all dependencies are available:

yarn install (or npm install)
cd ios
pod install
cd ..
react-native run-ios

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

v6.1.2

1. Fixed wrong scale returned from onScaleChanged()
2. Fixed iOS Double Tap zoom
3. Fixed Some critical typo fixes

v6.1.1

1. Fixed undefined is not an object, crashing on ios

v6.1.0

1. Fixed react-native warning on componentWill*
2. Fixed onPageSingleTap
3. Set the PDF View background color to be transparent On iOS

v6.0.1

1. Expose prop to trust self-signed SSL certs
2. Use ViewStyleProp in index.js.flow, not deprecated StyleSheet.Styles

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]