React Native开发步骤：

查看当前连接的设备:chrome://inspect/#devices

windows环境的搭建:

详情请查看：

https://reactnative.cn/docs/0.51/getting-started.html

开发步骤：

谷歌浏览器检测连接的手机: chrome://inspect/#devices

cmd命令中检测连接的手机: android list avd

1.环境搭建：

安装react native:

详细步骤可查看： https://reactnative.cn/docs/0.51/getting-started.html

安装android studio:（用于搭建SDK环境和模拟器）

在tools界面中安装sdk23.0.1;

安装模拟器Genymotion:

安装详情请查看： https://www.cnblogs.com/whycxb/p/6850454.html

下载地址: https://www.genymotion.com/download/

安装编辑器vscode:

下载地址： https://code.visualstudio.com/docs/setup/setup-overview

2.项目开发准备：

打开cmd命令操作：

进入到希望创建项目的文件夹，然后执行下面的命令创建项目

react- native init AwesomeProject

进入到新建项目的文件夹中： cd AwesomeProject

启动项目，可在模拟器中查看具体效果：（ 注：启动前必须先开启模拟器，会自动识别并在模拟器中启动当前项目。 ）react- native run-android

3.可能遇到的问题：

a.项目启动时模拟器中无任何反应。

创建指定版本的项目：

react - native init demo -- verbose -- version 0 . 41 . 0

因为低版本执行 react- native run-android时，会导致模拟器中无法启动，目前这个问题没有找到问题所在。

可参考链接： https://blog.csdn.net/jane1229/article/details/56966524

b.项目启动时模拟器中出现红屏错误：

在项目package.json的”scripts”里面加一句：

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

可参考链接： https://blog.csdn.net/a2824256/article/details/53557196

后续补充中...