Skip to content

Commit 17e895f

Browse files
author
Reinhard Hafenscher
authored
Merge pull request #263 from PSPDFKit/reinhard/update-rn-0.60.4
Update react-native to 0.60.4
2 parents 77dd26d + cb60af3 commit 17e895f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+2808
-2045
lines changed

README.md

Lines changed: 25 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ This wrapper requires a valid license of PSPDFKit. Licenses are per platform. Yo
66

77
This wrapper exposes the most often used APIs from PSPDFKit. Many of our partners end up forking this wrapper and adding some custom code to achieve even greater integration with their products, using native code.
88

9+
Windows is not currently supported, please use the previous version [1.24.9](https://github.com/PSPDFKit/react-native/releases/tag/1.24.9) instead.
10+
911
#### Announcements
1012

1113
- [Announcement blog post](https://pspdfkit.com/blog/2016/react-native-module/)
@@ -305,10 +307,9 @@ For a more detailed description of toolbar customizations, refer to our Customiz
305307
- Android SDK
306308
- Android Build Tools 23.0.1 (React Native)
307309
- Android Build Tools 28.0.3 (PSPDFKit module)
308-
- Android Gradle plugin >= 3.2.1
309-
- PSPDFKit >= 5.0.1
310-
- react-native for example app >= 0.59.2
311-
- react-native for Catalog app >= 0.57.8
310+
- Android Gradle plugin >= 3.4.1
311+
- PSPDFKit >= 5.4.2
312+
- react-native >= 0.60.4
312313

313314
#### Getting Started
314315

@@ -319,15 +320,12 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
319320
3. Step into your newly created app folder: `cd YourApp`.
320321
4. Add `react-native-pspdfkit` module from GitHub: `yarn add github:PSPDFKit/react-native`.
321322
5. Install all the dependencies for the project: `yarn install`. (Because of a [bug](https://github.com/yarnpkg/yarn/issues/2165) you may need to clean `yarn`'s cache with `yarn cache clean` before.)
322-
6. Link module `react-native-pspdfkit`: `react-native link react-native-pspdfkit`.
323-
7. <a id="step-7"></a>Add PSPDFKit repository to `YourApp/android/build.gradle` so PSPDFKit library can be downloaded:
323+
6. <a id="step-7"></a>Add PSPDFKit repository to `YourApp/android/build.gradle` so PSPDFKit library can be downloaded:
324324

325325
```diff
326326
allprojects {
327327
repositories {
328328
mavenLocal()
329-
google()
330-
jcenter()
331329
+ maven {
332330
+ url 'https://customers.pspdfkit.com/maven/'
333331
+ credentials {
@@ -339,11 +337,18 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
339337
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
340338
url "$rootDir/../node_modules/react-native/android"
341339
}
340+
maven {
341+
// Android JSC is installed from npm
342+
url("$rootDir/../node_modules/jsc-android/dist")
343+
}
344+
345+
google()
346+
jcenter()
342347
}
343348
}
344349
```
345350

346-
8. PSPDFKit targets modern platforms, so you'll have to set the `minSdkVersion` to 19. In `YourApp/android/build.gradle`:
351+
7. PSPDFKit targets modern platforms, so you'll have to set the `minSdkVersion` to 19. In `YourApp/android/build.gradle`:
347352

348353
```diff
349354
...
@@ -358,7 +363,7 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
358363
...
359364
```
360365

361-
9. We will also need to enable MultiDex support. In `YourApp/android/app/build.gradle`:
366+
8. We will also need to enable MultiDex support. In `YourApp/android/app/build.gradle`:
362367

363368
```diff
364369
...
@@ -373,7 +378,7 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
373378
...
374379
```
375380

376-
10. <a id="step-10"></a>Enter your PSPDFKit license key into `YourApp/android/app/src/main/AndroidManifest.xml` file:
381+
9. <a id="step-10"></a>Enter your PSPDFKit license key into `YourApp/android/app/src/main/AndroidManifest.xml` file:
377382

378383
```diff
379384
<application>
@@ -386,7 +391,7 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
386391
</application>
387392
```
388393

389-
11. Set primary color. In `YourApp/android/app/src/main/res/values/styles.xml` replace
394+
10. Set primary color. In `YourApp/android/app/src/main/res/values/styles.xml` replace
390395

391396
```xml
392397
<!-- Customize your theme here. -->
@@ -398,16 +403,15 @@ with
398403
<item name="colorPrimary">#3C97C9</item>
399404
```
400405

401-
12. <a id="step-12"></a>Replace the default component from `YourApp/App.js` with a simple touch area to present a PDF document from the local device filesystem:
406+
11. <a id="step-12"></a>Replace the default component from `YourApp/App.js` with a simple touch area to present a PDF document from the local device filesystem:
402407

403408
```javascript
404409
import React, { Component } from "react";
405410
import {
406-
AppRegistry,
407411
StyleSheet,
408412
NativeModules,
409413
Text,
410-
TouchableHighlight,
414+
TouchableOpacity,
411415
View,
412416
PermissionsAndroid
413417
} from "react-native";
@@ -431,9 +435,9 @@ export default class YourApp extends Component<{}> {
431435
return (
432436
<View style={styles.container}>
433437
<Text>{PSPDFKit.versionString}</Text>
434-
<TouchableHighlight onPress={this._onPressButton}>
438+
<TouchableOpacity onPress={this._onPressButton}>
435439
<Text style={styles.text}>Tap to Open Document</Text>
436-
</TouchableHighlight>
440+
</TouchableOpacity>
437441
</View>
438442
);
439443
}
@@ -470,13 +474,13 @@ const styles = StyleSheet.create({
470474
});
471475
```
472476

473-
13. Before launching the app you need to copy a PDF document onto your development device or emulator.
477+
12. Before launching the app you need to copy a PDF document onto your development device or emulator.
474478

475479
```bash
476480
adb push /path/to/your/document.pdf /sdcard/document.pdf
477481
```
478482

479-
14. Your app is now ready to launch. From `YourApp` directory run `react-native run-android`.
483+
13. Your app is now ready to launch. From `YourApp` directory run `react-native run-android`.
480484

481485
```bash
482486
react-native run-android
@@ -650,6 +654,8 @@ Shows the pdf `document` from the local device filesystem, or your app's assets.
650654
651655
### Windows UWP
652656
657+
Windows UWP is not currently supported, the following integration steps are for wrapper version [1.24.9](https://github.com/PSPDFKit/react-native/releases/tag/1.24.9).
658+
653659
#### Requirements
654660
655661
- Visual Studio Community 2017 or greater

android/build.gradle

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
* Contains gradle configuration constants
33
*/
44
ext {
5-
PSPDFKIT_VERSION = '5.0.1'
5+
PSPDFKIT_VERSION = '5.5.0'
66
}
77

88
buildscript {

android/src/main/java/com/pspdfkit/react/ConfigurationAdapter.java

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,9 @@
1414
package com.pspdfkit.react;
1515

1616
import android.content.Context;
17-
import android.support.annotation.NonNull;
18-
import android.support.annotation.Nullable;
17+
18+
import androidx.annotation.NonNull;
19+
import androidx.annotation.Nullable;
1920

2021
import com.facebook.react.bridge.ReadableMap;
2122
import com.facebook.react.bridge.ReadableMapKeySetIterator;
@@ -44,6 +45,8 @@ public class ConfigurationAdapter {
4445
private static final String SHOW_THUMBNAIL_BAR = "showThumbnailBar";
4546
private static final String SHOW_THUMBNAIL_BAR_DEFAULT = "default";
4647
private static final String SHOW_THUMBNAIL_BAR_SCROLLABLE = "scrollable";
48+
private static final String SHOW_THUMBNAIL_BAR_FLOATING = "floating";
49+
private static final String SHOW_THUMBNAIL_BAR_PINNED = "pinned";
4750
private static final String SHOW_THUMBNAIL_BAR_NONE = "none";
4851
private static final String SHOW_THUMBNAIL_GRID_ACTION = "showThumbnailGridAction";
4952
private static final String SHOW_OUTLINE_ACTION = "showOutlineAction";
@@ -217,6 +220,10 @@ private void configureShowThumbnailBar(String showThumbnailBar) {
217220
thumbnailBarMode = ThumbnailBarMode.THUMBNAIL_BAR_MODE_SCROLLABLE;
218221
} else if (showThumbnailBar.equals(SHOW_THUMBNAIL_BAR_NONE)) {
219222
thumbnailBarMode = ThumbnailBarMode.THUMBNAIL_BAR_MODE_NONE;
223+
} else if (showThumbnailBar.equals(SHOW_THUMBNAIL_BAR_FLOATING)) {
224+
thumbnailBarMode = ThumbnailBarMode.THUMBNAIL_BAR_MODE_FLOATING;
225+
} else if (showThumbnailBar.equals(SHOW_THUMBNAIL_BAR_PINNED)) {
226+
thumbnailBarMode = ThumbnailBarMode.THUMBNAIL_BAR_MODE_PINNED;
220227
}
221228
configuration.setThumbnailBarMode(thumbnailBarMode);
222229
}

android/src/main/java/com/pspdfkit/react/PSPDFKitModule.java

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@
2020
import android.os.Bundle;
2121
import android.os.Handler;
2222
import android.os.Looper;
23-
import android.support.annotation.NonNull;
24-
import android.support.annotation.Nullable;
25-
import android.support.v4.app.Fragment;
26-
import android.support.v4.app.FragmentActivity;
23+
import androidx.annotation.NonNull;
24+
import androidx.annotation.Nullable;
25+
import androidx.fragment.app.Fragment;
26+
import androidx.fragment.app.FragmentActivity;
2727

2828
import com.facebook.react.bridge.ActivityEventListener;
2929
import com.facebook.react.bridge.ReactApplicationContext;

android/src/main/java/com/pspdfkit/react/ReactPdfViewManager.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
package com.pspdfkit.react;
22

33
import android.app.Activity;
4-
import android.support.annotation.NonNull;
5-
import android.support.v4.app.FragmentActivity;
4+
import androidx.annotation.NonNull;
5+
import androidx.fragment.app.FragmentActivity;
66

77
import com.facebook.react.bridge.ReadableArray;
88
import com.facebook.react.bridge.ReadableMap;

android/src/main/java/com/pspdfkit/react/TestingModule.java

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
package com.pspdfkit.react;
22

3-
import android.support.annotation.NonNull;
3+
import androidx.annotation.NonNull;
44

55
import com.facebook.react.bridge.ReactApplicationContext;
66
import com.facebook.react.bridge.ReactContextBaseJavaModule;

android/src/main/java/com/pspdfkit/react/events/PdfViewAnnotationChangedEvent.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
package com.pspdfkit.react.events;
22

3-
import android.support.annotation.IdRes;
4-
import android.support.annotation.NonNull;
3+
import androidx.annotation.IdRes;
4+
import androidx.annotation.NonNull;
55

66
import com.facebook.react.bridge.Arguments;
77
import com.facebook.react.bridge.WritableMap;

android/src/main/java/com/pspdfkit/react/events/PdfViewAnnotationTappedEvent.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
package com.pspdfkit.react.events;
22

3-
import android.support.annotation.IdRes;
4-
import android.support.annotation.NonNull;
3+
import androidx.annotation.IdRes;
4+
import androidx.annotation.NonNull;
55

66
import com.facebook.react.bridge.Arguments;
77
import com.facebook.react.bridge.WritableMap;

android/src/main/java/com/pspdfkit/react/events/PdfViewDataReturnedEvent.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
package com.pspdfkit.react.events;
22

3-
import android.support.annotation.IdRes;
4-
import android.support.annotation.NonNull;
3+
import androidx.annotation.IdRes;
4+
import androidx.annotation.NonNull;
55

66
import com.facebook.react.bridge.Arguments;
77
import com.facebook.react.bridge.WritableMap;

android/src/main/java/com/pspdfkit/react/events/PdfViewDocumentLoadFailedEvent.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
package com.pspdfkit.react.events;
22

3-
import android.support.annotation.IdRes;
4-
import android.support.annotation.NonNull;
3+
import androidx.annotation.IdRes;
4+
import androidx.annotation.NonNull;
55

66
import com.facebook.react.bridge.Arguments;
77
import com.facebook.react.bridge.WritableMap;

0 commit comments

Comments
 (0)