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

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

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

本项目目前仍在开发中,相关文档后续会补充。

创建项目

进入你的工作目录,运行

$ 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解决,我在这里就不赘述了。

安卓运行效果图


猜你喜欢

转载自blog.csdn.net/danding_ge/article/details/80452921