React Native 安装与环境配置（基于Android Studio）

创作时间:

作者:

@小白创作中心

React Native 安装与环境配置（基于Android Studio）

引用

CSDN

https://blog.csdn.net/u013937668/article/details/78235072

React Native作为一款流行的跨平台开发框架，其安装和配置过程可能会遇到不少问题。本文将详细介绍在Android Studio环境下安装和配置React Native的完整过程，包括Java环境、Android Studio、Node.js等必要组件的安装，以及React Native项目的创建和运行。

一. 安装Java环境

首先需要从官网下载并安装Java 8版本。注意：Java 8之前的版本不支持React Native，必须使用Java 8。下载完成后，需要进行环境变量配置，可以参考相关链接进行配置。至此，Java环境搭建完毕。

二. 安装Android Studio

下载并安装Android Studio，安装过程中需要注意设置ANDROID_HOME变量。建议在安装时尽量全面地下载SDK和SDK Build-Tools。配置完成后需要重启电脑。

三. 安装Node.js

React Native基于Node.js，因此必须安装Node.js。建议使用稳定版，可以从Node.js官网下载。

四. 安装React Native CLI

由于从外网服务器获取React Native的包速度较慢，有时甚至无法下载，建议使用国内镜像。可以在Node.js安装目录下的npmrc文件中，将原语句修改为：registry = https://registry.npm.taobao.org。然后在命令行中输入npm install -g react-native-cli进行安装。

五. 新建React Native项目

在命令行中输入react-native init MyProject（MyProject为项目名称）创建一个新的React Native项目。创建成功后，可以看到相关的Android项目和iOS项目。

六. 在Android手机上运行项目

首先利用安装好的Android Studio新建一个应用，确保Android手机已开启开发者选项、USB调试，并允许USB调试。
将原生项目的gradle配置文件拷贝到React Native项目根目录的Android文件夹下。同时需要确保React Native项目的gradle版本与原生项目一致。
在命令行中进入React Native项目的根目录，输入react-native start开启React服务。这个服务需要保持开启状态，不能关闭。
将React Native的Android项目导入Android Studio，运行项目以解决一些build-tools的问题，并下载必要的在线依赖包。

运行项目时可能会遇到一些错误，如缺少assets文件夹等问题。需要在react-native项目的根目录下执行以下命令生成相关的bundle：

react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res