Some test text!

Loading...
Guides

Get started integrating PDFTron React Native SDK

Welcome to PDFTron. This guide will help you integrate a free trial of the PDFTron React Native SDK into your React Native Project. Your free trial includes unlimited trial usage and support from solution engineers.

iOS & React-Native PDF library Integration

See here for the get started guide for using the PDFTron React Native SDK on Android.

This guide will help you integrate a free trial of the PDFTron SDK into your iOS applications using React Native. Your free trial includes unlimited trial usage and support from solution engineers.

Get the React Native source code

Prerequisites

No trial license key required.
The trial of PDFTron SDK works without a license key. A commercial license key is required for use in a production environment. Please fill out our licensing form if you do not have a valid license key.
Keep your commercial license key confidential.
License keys are uniquely generated. Please make sure that it is not publicly available (e.g. in your public GitHub).

Integrate

For the expo setup of the project please refer to this blog post. For simplicity the following guide is based on a boilerplate react native app for react-native init MyApp with git diff syntax for adding and removing lines from the boilerplate app.

  1. If you are using yarn, run the command to install react-native cli:

    yarn global add react-native-cli

    or

    npm install -g react-native-cli
  2. Initialize the project by running the following command:

    react-native init MyApp
  3. In the terminal change the location of the working directly to the directory of the newly created project:

    cd MyApp
  4. Install react-native-pdftron by calling. There are two ways to integrate the SDK:

  • Through pdftron's github repo:

    In MyApp folder, install react-native-pdftron by calling:

    yarn add github:PDFTron/pdftron-react-native
    yarn add @react-native-community/cli --dev
    yarn add @react-native-community/cli-platform-android --dev
    yarn add @react-native-community/cli-platform-ios --dev
    yarn install

    or

    npm install github:PDFTron/pdftron-react-native --save
    npm install @react-native-community/cli --save-dev
    npm install @react-native-community/cli-platform-android --save-dev
    npm install @react-native-community/cli-platform-ios --save-dev
    npm install
  • Through pdftron's npm package:

    In MyApp folder, install run the following commands:

    yarn add @pdftron/react-native-pdf
    yarn add @react-native-community/cli --dev
    yarn add @react-native-community/cli-platform-android --dev
    yarn add @react-native-community/cli-platform-ios --dev
    yarn install

    or

    npm install @pdftron/react-native-pdf
    npm install @react-native-community/cli --save-dev
    npm install @react-native-community/cli-platform-android --save-dev
    npm install @react-native-community/cli-platform-ios --save-dev
    npm install
  1. Open Podfile in the ios folder, add:

    target 'MyApp' do
        # ...
        pod 'PDFNet', podspec: 'https://www.pdftron.com/downloads/ios/cocoapods/pdfnet/latest.podspec'
        # ...
    end
  2. Change working directory to the ios folder

    cd ios

    install the pods by running the command:

    pod install
  3. (Optional) If you need a close button icon, you will need to add the PNG resources to MyApp as well, i.e. ic_close_black_24px.

TypeScript

PDFTron React Native introduced support for TypeScript in version 3.0.0. This update mainly benefits those who already use TypeScript in their applications. It also provides certain benefits to all customers, including those who use JavaScript without TypeScript.

To get access to TypeScript support, simply update your PDFTron React Native dependency to version 3.0.0 or higher.

All Users

For non-TypeScript users, updating your PDFTron React Native dependency to version 3.0.0 or higher will not automatically install TypeScript itself, and you can continue to use the library as before (without TypeScript support). If you currently do not use TypeScript itself in your project and would like to, see Adding TypeScript to an Existing Project.

Regardless of whether you use TypeScript, the following benefits are available:

  • Proper API typings which can be used in tools such as IntelliSense. This offers insight into the data being passed without referring to the API documentation .
  • Greater type safety and reliability due to the migration of source files from JavaScript to TypeScript.
  • Updated Add an API guides to offer step-by-step, TypeScript-supported examples on accessing properties, methods, and events. Contributors should be aware that PRs must now be made to the dev branch (see Contributing).

If you have questions, head to the FAQ's React Native section .

TypeScript Users

If you are an existing TypeScript user, then the custom typings will be available to you simply by updating your PDFTron React Native dependency to version 3.0.0 or higher.

Note:

  • TypeScript version 3.4.1+ is recommended. Although compilation still works with lower versions, typings may degrade to any.
  • Due to the introduction of proper typings to PDFTron's APIs, your compiler may now give warnings or errors about your usage of these APIs. In most cases these will not prevent your app from running but it is advised that you address them to take full advantage of TypeScript. It is particularly important to address them if you use TypeScript to emit files and have enabled noEmitOnError in your tsconfig.json.

Next step

View a document

Get the answers you need: Support

Upcoming Webinar: PDFTron SDK Tech Review | Nov 29, 2022 at 2 pm ET

PDFTron SDK

The Platform

NEW

© 2022 PDFTron Systems Inc. All rights reserved.

Privacy

Terms of Use