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
Update instructions for custom application. (#154)
After updating to `react-native-windows` 0.54.0 windows now links correctly. Therefore some updates to the instructions could be made.
Also we now advise to set the minimum target to `15063` keep in line with the SDK.
Copy file name to clipboardExpand all lines: README.md
+18-30Lines changed: 18 additions & 30 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -651,24 +651,22 @@ Let's create a simple app that integrates PSPDFKit and uses the react-native-psp
651
651
2. Make sure `react-native-cli` is installed: `yarn global add react-native-cli`.
652
652
3. Install Windows Tool for React Native: `yarn add global windows-build-tools`.
653
653
4. Open `x64 Native Tools Command Prompt for VS 2017` program.
654
-
5. Create the app with `react-native init --version=0.53.0 YourApp` in a location of your choice.
654
+
5. Create the app with `react-native init --version=0.55.4 YourApp` in a location of your choice.
655
655
6. Step into your newly created app folder: `cd YourApp`.
656
656
7. Install the Windows helper plugin: `yarn add --dev rnpm-plugin-windows`.
657
657
8. Install `react-native-pspdfkit` from GitHub: `yarn add github:PSPDFKit/react-native`.
658
-
9. Install all modules for Windows: `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.)
659
-
10. Link module `react-native-pspdfkit`: `react-native link react-native-pspdfkit`. (Note: On windows yarn does not link correctly, therefore any chages made in the ReactNativePSPDFKit project will have to be manually copied to the `windows` folder at the base of the repo in order to commit changes.)
658
+
9. Install `react-native-fs` from GitHub: `yarn add react-native-fs`.
659
+
10. Install all modules for Windows: `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.)
660
660
11. Initialize the windows project: `react-native windows`.
661
-
12. Open the Visual Studio solution in`react-native\YourApp\windows`.
662
-
13. Accept and install any required extensions when prompted.
663
-
14. If the settings window opens, click on `Developer` and select`yes`.
664
-
15. Add `react-native-pspdfkit` to your soloution: Right click on the solution -> Add -> Existing Project.
665
-
Navigate to `node_modules/react-native-pspdfkit/windows/ReactNativePSPDFKit/ReactNativePSPDFKit/` and selectthe`ReactNativePSPDFKit.csproj`
16. Mark `react-native-pspdfkit`, `PSPDFKit SDK` and `Visual C++ Runtime` as dependancies for`YourApp`:
661
+
12. Link module `react-native-pspdfkit`: `react-native link react-native-pspdfkit`.
662
+
13. Open the Visual Studio solution in`react-native\YourApp\windows`.
663
+
14. Accept and install any required extensions when prompted.
664
+
15. If the settings window opens, click on `Developer` and select`yes`.
665
+
16. Mark `PSPDFKit SDK` and `Visual C++ Runtime` as dependencies for`YourApp`:
668
666
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.
22. Add the `PSPDFKitView` and `PSPDFKit` module into your `App.windows.js` file, and add a open button to allow the user
707
+
20. Save Changes: File -> Save All
708
+
21. Add the `PSPDFKitView` and `PSPDFKit` module into your `App.windows.js` file, and add a open button to allow the user
722
709
to navigate the file system.
723
710
724
711
```javascript
@@ -782,9 +769,9 @@ var styles = StyleSheet.create({
782
769
});
783
770
```
784
771
785
-
23. Now run the application on the command line: `react-native run-windows`.
786
-
24. Press Yes when PowerShell wants to run.
787
-
25. Type 'y' when asking if you want to install the certificate.
772
+
22. Now run the application on the command line: `react-native run-windows`.
773
+
23. Press Yes when PowerShell wants to run.
774
+
24. Type 'y' when asking if you want to install the certificate.
788
775
789
776
#### Running Catalog Project
790
777
@@ -809,6 +796,7 @@ var styles = StyleSheet.create({
809
796
810
797
9. From the command prompt run `react-native run-windows`.
811
798
10. Enter `y` to accept the certificate when prompted and allow socket access for reactive when prompted.
799
+
(Note: On windows yarn does not link correctly, therefore any changes made in the ReactNativePSPDFKit project will have to be manually copied to the `windows` folder at the base of the repo in order to commit changes.)
0 commit comments