一年没做react-native相关开发了,果然不记笔记不行,忘了个七七八八,重新搭建项目时碰了一鼻子灰,果然还是要整理一下才行。
环境部分
官方教程已经比较详细,这里只记录碰壁和有疑问的部分
官方教程页
yarn
react-native
在使用npm初始化项目时会有莫名其妙的问题,需要安装一下yarn
来替代npm
1 | npm install -g yarn |
环境变量问题
按照官网给出的配置环境变量ANDROID_HOME
后,可能会提示
1 | SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting |
则需要将ANDROID_HOME
修改为ANDROID_SDK_ROOT
修改后重启cmd依然提示
not found
,则直接重启电脑没错我就被这里卡了半天
项目部分
新建项目
使用以下命令来创建一个名为 MyTestApp 的项目
1 | npx react-native init MyTestApp |
连接模拟器
各大模拟器端口参考此文章-各种模拟器端口号及模拟器连接方式
以雷电为例
1 | # 链接模拟器 |
问题解决
若提示以下问题
1 | Error: Command failed: yarn add react-native --exact |
则node
和react-native
的版本有问题,需要根据提示更换react-native
或node
版本