react-native环境搭建注意事项

注意:此为个人经验,请依据自身项目情况,酌情参考

请严格参照react-native中文网的搭建开发环境文档进行操作。

  1. 安装Java的jdk并配置相关环境变量。

  2. 安装Android-studio,安装时会自动安装安卓开发所需的sdk。

  3. 以上依据文档要求,下载相应版本,并配置好后,我们来初始化react-native项目。
    3.1. 使用nrm切换为国内的淘宝镜像源,防止卡住。

    npx nrm use taobao

    3.2 不再使用react-native-cli工具,而是采用

    npx react-native init 项目名称

重点(初始化后打开项目目录):

  1. 你的项目名\android\gradle\wrapper\gradle-wrapper.properties。把下载好的gradle-6.2.2-all.zip(根据命令行中的提示确定自己所需的gradle版本)放入wrapper文件夹中。修改此文件中的distributionUrl属性的地址,指向本地的gradle压缩包文件。react-native环境搭建注意事项
    react-native环境搭建注意事项

  2. 你的项目名称\android\build.gradle。按照官网建议,国内用户修改此文件,采用阿里的镜像库
    react-native环境搭建注意事项

主要是以上两处需要修改。第一处是根据项目初始化的时候进度提示,确认自己需要的gradle版本,如果显示download半天,那我们就只能*(有时*也下不下来。。。)或者下载相应的离线文件放入项目中,离线文件csdn有(本文采用下载离线安装包的方式)。

修改完毕后,请确保链接了真机或者模拟器(可使用adb devices命令查看已连接设备),然后执行一下命令开始启动项目。

npx react-native run-android