关于react native 是什么，这里就不再做介绍，具体语法api 请移步官网：reactnative.cn/

关于react native 的优劣势可以参考以下这边文章React native发展趋势

废话不多说，撸码

环境安装

1.node.js安装

注意 Node 的版本必须大于等于 10

1.1 打开NodeJs的官网下载页面：nodejs.org/en/download…

1.2 直接下载最新版本，根据系统选择，我是64位的，如图：

1.3 解压后直接默认安装，然后将NodeJs的安装目录配置到环境变量path中。我是安装在了F盘。所以路径为 F:\node

1.4 然后cmd 打开后执行命令node -v 查看node版本出现版本号说明安装成功。

2、安装Python2

注意Python的版本必须是2.x系列的，

2.1 Python的官网下载地址为：www.python.org/downloads/

默认安装后，将python2配置到环境变量中。

3、安装Java SE Development Kit (JDK)

省略。。。

4.安装yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn add 库名代替 npm install 库名

$ npm install -g yarn

5.安装react-native cli

react-native cli 是React Native 的命令行工具

$ npm install -g react-native-cli

或者

$ yarn add -g react-native-cli

后面我会全部用yarn add 命令行来下载

6.Android 开发环境

1.安装 Android Studio

首先下载和安装Android Studio, 国内用户可能无法打开官方链接，请自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：

Android SDK
Android SDK Platform
Performance (Intel ® HAXM) (AMD 处理器看这里)
Android Virtual Device

如果最后忘记选择了，也没关系可以后续再来安装这些组件。

2. 安装 Android SDK

打开工具栏，找到 SDK Manager ，路径：

**file -->setting -->Appearance & Behavior → System Settings → Android SDK。**如图：

3. 配置 ANDROID_HOME 环境变量

在环境变量 path中添加以下两个:

c:\Users\你的用户名\AppData\Local\Android\Sdk   #也就是上图中标出的地址

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

7.创建新项目

到这里环境算是全部配置好了，接下来可以搭建项目了

7.1 找个文件目录打开命令行输入

该命令是创建react-native 项目后面会有一些配置，一路yes到底

$ react-native init AwesomeProject

7.2 连接Android 设备

（2中方案可选）

使用安卓真机 (条件允许，推荐真机)

将手机用 usb 数据线连接到电脑后，然后运行命令：

$ adb reverse tcp:8081 tcp:8081

使用Android 模拟器

模拟器市场上有很多，夜神用的很多，当然也可以选择 Android Studio 自带的模拟器，但这个问题比较多。

不管用哪个模拟器，首先在模拟器里创建一个虚拟设备。Android Studio 创建时选择Pie API Level 28 image.即可

下载安装好要运行一些命令来确保设备连接

夜神：

$ adb connect 127.0.0.1:62001

检查设备是否连接成功，记住以下顺序，

先打开模拟器，然后使用 adb devices 命令查看，注意你每次只应当连接一个设备。

$ adb devices
List of devices attached
emulator-5554 offline   # 当命令出现offline时说明该设备掉线 不可用
14ed2fcc device     # 只有结果为 device 的该设备才 可用

7.3 项目运行

当设备结果为 device时输入项目运行命令 react-native run-android：

$ cd AwesomeProject   #先进入项目里
$ react-native run-android #然后运行

7.4设置模拟器调试的 ip 地址和端口号：

初次运行会出现报错 Could not connect to development server ，需要你设置模拟器调试的 ip 地址和端口号 ：

真机直接摇摆两下，模拟器就点击摇摆按钮，
选择 dev settings ，
接着选择 Debug server host & port device，
然后输入自己的 ip 地址和端口号并确定。
然后返回重新按设置菜单选择 Reload，重新加载项目运行

如图：

接下里应该就可以看到项目运行成功了，双击r可以更新代码，但一般不需要，项目是自动编译的。

React Native 教程(一)： 环境搭建（安卓）