一:官网:
React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React
二:安装依赖
需要以管理员身份运行powershell,然后粘贴下面代码,注意:要安装淘宝镜像,要翻墙,不然下不下来。
Set-ExecutionPolicy Unrestricted -Scope Process -Force;
iex (New-Object System.Net.WebClient).DownloadString('https://aka.ms/rnw-vs2022-deps.ps1');
一路yes就可以了,注意:visual studio community需要额外勾选几个包,不然后面项目跑不起来,报错。如下,进入visual studio installer点击修改,在工作负荷下选中修改就行了。下载时间蛮长的。
二:新建react-native项目
注意:项目路径不可以有中文,不然后面运行又报错。
创建react-native项目,起个喜欢的名字,然后进入项目目录。
npx --yes @react-native-community/cli@next init demo --version "latest"
cd demo
三:适应react native Windows
建议使用yarn安装,不建议写死版本,依次输入以下代码。
yarn add react-native-windows
npx react-native init-windows --overwrite
四:运行代码
这里只分享最基本的,直接运行,第一次运行会花费一些时间。
npx react-native run-windows
五:常见错误。
详见步骤二,或者评论区留言。