@foxitsoftware/react-native-foxitpdf

react-native-foxitpdf

Foxit PDF components for iOS + Android

Installation

First, download the library from npm:

npm install @foxitsoftware/react-native-foxitpdf --save

Link automatically

react-native link react-native-foxitpdf

iOS

• Unzip Foxit iOS sdk and copy libs folder into iOS folder. (Please use FoxitRDK 6.0 )
• Add dynamic framework "FoxitRDK.framework" and also in Xcode’s Embedded Binaries
• Add the Resource files that are needed for the built-in UI implementations to the pdfreader project. Right-click the project, and select Add Files to "your project"… to add the Resource files. Find and choose the folder "libs/uiextensions_src/uiextensions/Resource".
• Add following line into AppDelegate.m

#import "FoxitRDK/FSPDFObjC.h"

• At the end of didFinishLaunchingWithOptions function, add the following lines.

NSString *sn = @"xxx";
NSString *key = @"xxx";
FSErrorCode eRet = [FSLibrary initialize:sn key:key];
if (FSErrSuccess != eRet) {
    return NO;
}

Android

• Unzip Foxit Android sdk and copy libs folder into Android folder(Please use FoxitRDK 6.0 ).
• Add the following into project-level build.gradle file(android/build.gradle).

allprojects {
    repositories {
        ...
        flatDir {
            dirs project(':react-native-foxitpdf').file("$rootDir/libs")
        }
    }
}

• Add the following into module-level gradle file(android/app/build.gradle).

dependencies {
    ...
    compile project(':react-native-foxitpdf') {
        android {
            sourceSets {
                main {
                    jniLibs.srcDirs = ['../libs']
                }
            }
        }
    }
}

• Add uses-permission outside application element in AndroidManifest.xml.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          package="your package name">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <uses-permission android:name="android.permission.VIBRATE"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.RUN_INSTRUMENTATION"/>
    <uses-permission android:name="android.permission.CAMERA" />
    
    <application .../>
</manifest>

• Add sn, key, FloatWindowService, and PDFReaderActivity inside application element in AndroidManifest.xml.

<application
    ...
    tools:replace="android:allowBackup,icon,theme,label,name">
    <meta-data
        android:name="foxit_sn"
        android:value="xxx"/>
    <meta-data
        android:name="foxit_key"
        android:value="xxx"/>
    <activity
        android:name="com.foxitreader.PDFReaderActivity"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:screenOrientation="fullSensor"/>
    <service android:name="com.foxit.uiextensions.modules.panzoom.floatwindow.service.FloatWindowService"/>
...

• Be sure to add android:allowBackup in tools:replace for application element and xmlns:tools="http://schemas.android.com/tools" in root manifest element.

<manifest
    ...
    xmlns:tools="http://schemas.android.com/tools">
    ...
  
    <application
        ...
        tools:replace="android:allowBackup,icon,theme,label,name">
        ...
    </application>
    ...
</manifest>          

General Usage

import FoxitPDF from 'react-native-foxitpdf';

or

var FoxitPDF = require('react-native-foxitpdf');

Open PDF Reader

FoxitPDF.openPDF('sample.pdf');

the parameter is filepath in iOS you need put a pdf filepath under app Document in Android you need put a real pdf filepath. example FoxitPDF.openPDF('/sdcard/0/download/xxx.pdf')

License

 Copyright (c) 2018 Foxit Corporation

 Licensed under the The MIT License (MIT) (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

    https://raw.githubusercontent.com/foxitsoftware/react-native-foxitpdf/master/LICENSE

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.