amis-rpc-design/node_modules/react-native-screens/windows/README.md
2023-10-07 19:42:30 +08:00

1.4 KiB

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

  1. npm install react-native-screens --save
  2. Open your solution in Visual Studio 2019 (eg. windows\yourapp.sln)
  3. Right-click Solution icon in Solution Explorer > Add > Existing Project...
  4. Add node_modules\react-native-screens\windows\RNScreens\RNScreens.vcxproj
  5. Right-click main application project > Add > Reference...
  6. Select RNScreens in Solution Projects
  7. In app pch.h add #include "winrt/RNScreens.h"
  8. In App.cpp add PackageProviders().Append(winrt::RNScreens::ReactPackageProvider()); before InitializeComponent();

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.