搭建react-native项目框架之创建项目
扫描二维码
随时随地手机看文章
由于博主没有ios环境,所以本项目均以安卓环境进行,ios环境请各位自行打包测试。
本项目目前仍在开发中,相关文档后续会补充。
创建项目
进入你的工作目录,运行
$ 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解决,我在这里就不赘述了。
安卓运行效果图