You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+33-26Lines changed: 33 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,8 @@ This wrapper requires a valid license of PSPDFKit. Licenses are per platform. Yo
7
7
*[Announcement blog post](https://pspdfkit.com/blog/2016/react-native-module/)
8
8
*[React Native UI Component for iOS](https://pspdfkit.com/blog/2018/react-native-ui-component-for-ios/) ([See iOS](https://github.com/PSPDFKit/react-native#ios))
9
9
*[React Native UI Component for Android](https://pspdfkit.com/blog/2018/react-native-ui-component-for-android/) ([See Android](https://github.com/PSPDFKit/react-native#android))
10
-
*[PSPDFKit for Windows UWP with React Native](https://pspdfkit.com/2018/introducing-pspdfkit-windows/#react-native-for-windows-support) ([See Windows UWP](https://github.com/PSPDFKit/react-native#windows-uwp))
10
+
*[PSPDFKit for Windows UWP with React
11
+
Native](https://pspdfkit.com/blog/2018/introducing-pspdfkit-windows/#react-native-for-windows-support) ([See Windows UWP](https://github.com/PSPDFKit/react-native#windows-uwp))
11
12
12
13
#### PSPDFKit
13
14
@@ -586,33 +587,25 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
586
587
2. Make sure `react-native-cli` is installed: `npm install -g react-native-cli`.
587
588
3. Install Windows Tool for React Native: `npm install --global --production windows-build-tools`.
588
589
4. Open `x64 Native Tools Command Prompt for VS 2017` program.
589
-
5. Create the app with `react-native init YourApp` in a location of your choice.
590
+
5. Create the app with `react-native init --version=0.53.0 YourApp` in a location of your choice.
590
591
6. Step into your newly created app folder: `cd YourApp`.
591
-
7. Edit `package.json` to change the version of `react-native` to `0.53.0`
8. Install the Windows helper plugin: `npm install --save-dev rnpm-plugin-windows`.
601
-
9. Install `react-native-pspdfkit` from GitHub: `npm add github:PSPDFKit/react-native`.
602
-
10. Install all modules: `npm install`.
603
-
11. Link module `react-native-pspdfkit`: `react-native link react-native-pspdfkit`.
604
-
12. Initialize the windows project: `react-native windows`.
605
-
13. Install all modules for Windows: `npm install`.
606
-
14. Open the windows solution in `react-native\YourApp\windows`.
607
-
15. Accept and install any required extensions when prompted.
608
-
16. If the settings window opens, click on `Developer` and select `yes`.
609
-
17. Add `react-native-pspdfkit` to your soloution: Right click on the solution -> Add -> Existing Project. Navigate to `node_modules/react-native-pspdfkit/windows/ReactNativePSPDFKit/ReactNativePSPDFKit/` and select the `ReactNativePSPDFKit.csproj`
592
+
7. Install the Windows helper plugin: `npm install --save-dev rnpm-plugin-windows`.
593
+
8. Install `react-native-pspdfkit` from GitHub: `npm add github:PSPDFKit/react-native`.
594
+
9. Link module `react-native-pspdfkit`: `react-native link react-native-pspdfkit`.
595
+
10. Initialize the windows project: `react-native windows`.
596
+
11. Install all modules for Windows: `npm install`.
597
+
12. Open the Visual Studio solution in `react-native\YourApp\windows`.
598
+
13. Accept and install any required extensions when prompted.
599
+
14. If the settings window opens, click on `Developer` and select `yes`.
600
+
15. Add `react-native-pspdfkit` to your soloution: Right click on the solution -> Add -> Existing Project.
601
+
Navigate to `node_modules/react-native-pspdfkit/windows/ReactNativePSPDFKit/ReactNativePSPDFKit/` and select the `ReactNativePSPDFKit.csproj`
18. Mark `react-native-pspdfkit`, `PSPDFKit SDK` and `Visual C++ Runtime` as dependancies for `YourApp`: Right click on `YourApp` -> Add -> Refererece... Click on Projects and tick `ReactNativePSPDFKit`. Click on Universal Windows -> Extensions and tick `PSPDFKit for UWP` and `Visual C++ 2015 Runtime for Universal Windows Platform Apps` then click ok.
603
+
16. Mark `react-native-pspdfkit`, `PSPDFKit SDK` and `Visual C++ Runtime` as dependancies for `YourApp`:
604
+
Right click on `YourApp` -> Add -> Refererece... Click on Projects and tick `ReactNativePSPDFKit`. Click on Universal Windows -> Extensions and tick `PSPDFKit for UWP` and `Visual C++ 2015 Runtime for Universal Windows Platform Apps` then click ok.
19. Add an application resource to your `Appl.xaml` to reference your License key.
608
+
17. Add an application resource to your `Appl.xaml` to reference your License key.
616
609
```diff
617
610
<Application
618
611
x:Class="Catalog.App"
@@ -631,7 +624,8 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
631
624
632
625
</Application>
633
626
```
634
-
20. Create a new file resouce called `License.xaml` with your PSPDFKit license key at the top level of the project. (Replace `ENTER LICENSE KEY HERE` with your key)
627
+
18. Create a new file resouce called `License.xaml` with your PSPDFKit license key at the top level of the
628
+
project. (Replace `ENTER LICENSE KEY HERE` with your key)
0 commit comments