React Native之Android开发

开篇废话

今天早上收到了消息，需要使用React Native进行开发，至少大部分的功能要用React Native来实现，于是乎各种查资料

技术详情

1.搭建开发环境
2.测试安装
3.修改项目

搭建开发环境

环境的搭建React Native中文文档里介绍的很详细，基本上按着步骤来都没有问题的。

如果安装不了，比如我的W10电脑就安装完Chocolatey之后就根本无法使用。最后我只能把需要的两个软件Python 2、NodeJS分别下载安装，然后执行npm install -g react-native-cli安装React Native命令行工具，如果提示npm错误就需要进入系统设置进行配置。

另外也可以试试，下载一个简单的React Native项目，用Visual Studio Code打开，我发现它打开项目之后会有提示安装软件。是否可行我没有试过

测试安装

分别运行如下三句代码就可以完成第一次的程序运行了

react-native init AwesomeProject    初始化项目格式 react-native init 项目名称
cd AwesomeProject                   进入项目目录
react-native run-android            运行项目的设备上  

如果需要指定项目地址，则需要先进入到指定地址之后，然后在运行react-native init AwesomeProject进行项目的创建

第二次进入项目的时候可以直接在项目目录打开命令行工具 执行命令react-native run-android

如果是下载的下载的项目可能需要先在目录下运行npm install命令下载依赖文件

需要注意的是在运行react-native run-android之前需要确保有且只连接到一个设备
确保你的设备已经成功连接。可以输入adb devices来查看:

$ adb devices
List of devices attached
emulator-5554 offline   # Google模拟器
14ed2fcc device         # 真实设备

在右边那列看到device说明你的设备已经被正确连接了。注意，你只应当连接仅仅一个设备。

译注：如果你连接了多个设备（包含模拟器在内），后续的一些操作可能会失败。拔掉不需要的设备，或者关掉模拟器，确保adb devices的输出只有一个是连接状态。

现在你可以运行react-native run-android来在设备上安装并启动应用了。

修改项目

干货总结

相关资源
React Native中文文档