React Native 开发(第一篇)

由于最近在研究Hybrid App的开发,又由于看到一篇文章讲到Hybrid 的过程中谈到了React Native,虽然之前有知道这个Facebook开源的项目,但是由于之前这个相关刚起步对android的支持不是很好,所有就没有实际动手开发。今天闲来无事就尝试来用React Native做一下 Hybrid App的开发。

1.首先是环境的搭建

   由于之前一直是android开发,所以android开发的环境都有,包括虚拟机genymotion,还有就是做过node.Js开发,也装有nodejs(nodejs版本是要求大于或等于4.0的 如果你本地的node版本旧了话 就去nodejs官网安装新的)

2.安装react native

$ npm install -g react -native -cli
以下是新建一个示例项目(自己可以先新建一个文件夹)
$ react -native init AwesomeProject

3.run android项目

  • $ cd AwesomeProject
  • $ react-native run-android
到这里  如果你的虚拟机或者真机开了 就会看到一个大红色的错误
像这样


点击Reload Js
会变成这样


解决方法:


还是 先cd到项目根目录
然后 npm start 等一会儿在reload js就行
结果




一个React Native 的项目就OK了


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值