一、学习网址
React Native 中文网 · 使用React来编写原生应用的框架
二、环境搭建(以下步骤的搭建平台是macOS iOS)
1.必须安装的依赖
Node、Watchman、Xcode 和 CocoaPods。
1)安装Node
2)安装Watchman
3)替换淘宝镜像
4)安装Yarn,可以加速node模块的下载
5)初始化项目
6)初始化项目的时候进行报错,是因为我们必须使用18版本以上的Node.js,以上我们下载的是16的版本
7)去Node.js查看最新版本的Node.js是哪个版本,最好安装LTS(长期稳定支持的版本)
8)全局安装n命令,使用n命令更新Node.js版本
9)使用n命令安装最新的Node.js(注意,需要使用sudo来安装)
10)使用node -v命令查看一下我们的node版本,发现还是v16
11)使用node -v命令的时候可能会发现,虽然我们在第一步的时候已经安装了node,使用还是会找不到node命令的情况,此时需要使用brew link --overwrite node@16来链接一下node命令
12)可以从第10步看到,我们安装的20的版本是存放在/usr/local/bin/node目录下,而我们使用的node是存放在/opt/homebrew/bin/node里面,安装的位置不一样,所以安装的新的版本没有生效,我们需要替换位置vim ~/.bash_profile
13)替换完成以后需要再次重新安装,查看版本就为最新的版本
14)再次初始化项目,如果我们安装的最新版的node,我们可以执行@lastest命令去初始化,但是我们安装的是稳定版,所以直接可以init
15)项目初始化完成
16)在ios设备上进行运行,需要注意的是,一定要切换到项目目录下
17)发现没有安装ios-deploy,执行brew命令进行安装
18)安装完成以后在重新运行项目,发现还是报错,原因是我们没有启动服务器
19)使用npx react-native start命令启动服务器
20)启动完成项目就可以运行了,运行的结果如下
三、安装nvm安装指定版本的node
1.终端下载nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
2.安装指定版本
nvm install 14.20.0
3.查看当前版本
SF01435715MACNU:~ 01435715$ node -v
v14.20.0
SF01435715MACNU:~ 01435715$ npm -v
6.14.17
SF01435715MACNU:~ 01435715$ nvm install 14.20.0