| 1 | # react-native-screens Windows Implementation
|
| 2 |
|
| 3 | ## Module Installation
|
| 4 | You can either use autolinking on react-native-windows 0.63 and later or manually link the module on earlier releases.
|
| 5 |
|
| 6 | ## Automatic install with autolinking on RNW >= 0.63
|
| 7 | RNScreens supports autolinking. Just call: `npm i react-native-screens --save`
|
| 8 |
|
| 9 | ## Manual installation on RNW >= 0.62
|
| 10 | 1. `npm install react-native-screens --save`
|
| 11 | 2. Open your solution in Visual Studio 2019 (eg. `windows\yourapp.sln`)
|
| 12 | 3. Right-click Solution icon in Solution Explorer > Add > Existing Project...
|
| 13 | 4. Add `node_modules\react-native-screens\windows\RNScreens\RNScreens.vcxproj`
|
| 14 | 5. Right-click main application project > Add > Reference...
|
| 15 | 6. Select `RNScreens` in Solution Projects
|
| 16 | 7. In app `pch.h` add `#include "winrt/RNScreens.h"`
|
| 17 | 8. In `App.cpp` add `PackageProviders().Append(winrt::RNScreens::ReactPackageProvider());` before `InitializeComponent();`
|
| 18 |
|
| 19 | ## Module development
|
| 20 |
|
| 21 | If you want to contribute to this module Windows implementation, first you must install the [Windows Development Dependencies](https://aka.ms/rnw-deps).
|
| 22 |
|
| 23 | You must temporarily install the `react-native-windows` package. Versions of `react-native-windows` and `react-native` must match, e.g. if the module uses `react-native@0.62`, install `npm i react-native-windows@^0.62 --dev`.
|
| 24 |
|
| 25 | Now, you will be able to open corresponding `RNScreens...sln` file, e.g. `RNScreens62.sln` for `react-native-windows@0.62`. |
| \ | No newline at end of file |