You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
![]() |
2 years ago | |
---|---|---|
.. | ||
RNScreens | 2 years ago | |
README.md | 2 years ago | |
RNScreens62.sln | 2 years ago | |
RNScreens63.sln | 2 years ago | |
RNScreens65.sln | 2 years ago |
README.md
react-native-screens Windows Implementation
Module Installation
You can either use autolinking on react-native-windows 0.63 and later or manually link the module on earlier releases.
Automatic install with autolinking on RNW >= 0.63
RNScreens supports autolinking. Just call: npm i react-native-screens --save
Manual installation on RNW >= 0.62
npm install react-native-screens --save
- Open your solution in Visual Studio 2019 (eg.
windows\yourapp.sln
) - Right-click Solution icon in Solution Explorer > Add > Existing Project...
- Add
node_modules\react-native-screens\windows\RNScreens\RNScreens.vcxproj
- Right-click main application project > Add > Reference...
- Select
RNScreens
in Solution Projects - In app
pch.h
add#include "winrt/RNScreens.h"
- In
App.cpp
addPackageProviders().Append(winrt::RNScreens::ReactPackageProvider());
beforeInitializeComponent();
Module development
If you want to contribute to this module Windows implementation, first you must install the Windows Development Dependencies.
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
.
Now, you will be able to open corresponding RNScreens...sln
file, e.g. RNScreens62.sln
for react-native-windows@0.62
.