【搭建react-native项目框架】1.创建项目

由于博主没有ios环境，所以本项目均以安卓环境进行，ios环境请各位自行打包测试。

本项目github地址：https://github.com/afresh/tadpole

随着对react native的深入学习和实战积累的开发经验，我已经重新建立了一个新项目react-native-boilerplate-dolphin。此项目是一个rn app的模板项目，可用于学习和二次开发。

创建项目

进入你的工作目录，运行

$ react-native init [project name]

并耐心等待数（或数十）分钟。

运行packager

$ react-native start

可以用浏览器访问http://localhost:8081/index.bundle?platform=android看看是否可以看到打包后的脚本（看到很长的js代码就对了）。第一次访问通常需要十几秒，并且在packager的命令行可以看到形如[====]的进度条。

安卓运行

保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行

$ react-native run-android

首次运行需要等待数分钟并从网上下载gradle依赖。（这个过程屏幕上可能出现很多小数点，表示下载进度。这个时间可能耗时很久，也可能会不停报错链接超时、连接中断等等——取决于你的网络状况和墙的不特定阻断。总之要顺利下载，请使用稳定有效的科学上网工具。）

运行完毕后可以在模拟器或真机上看到应用自动启动了。

在这个过程中可能会遇到一些错误，由于会出现多种可能性的问题，请各位自行google解决，我在这里就不赘述了。

安卓运行效果图