RN(react native)入坑指南-01,Hello RN

来源:互联网 发布:已备案未注册域名工具 编辑:程序博客网 时间:2024/06/05 08:52

写在前面

目前最热的框架之一,可以通过更新远端JS,直接更新app, 用 JavaScript 调起 native 组件,将增强与高性能组件交给 native 来处理 ,相比其他hybrid框架而言并非通过webview来调用原生组件,而是直接调用操作系统自带的javascriptCore
React Native only supports Android 4.1 and above

由于Facebook基本人手mac+iphone,所以用win+android来搞的同学 如果你在学习使用的过程中出现了各种莫名其妙的意想不到的问题,辣么 这一切都在情理之中,有条件的同学建议宁愿linux也不要win下搞,此处送你前人踩坑宝典两册
点我传送 - 踩坑宝典<上>

点我传送 - 踩坑宝典<下>

0.环境

1.windows : 102.node : 5.1.03.npm : 3.3.124.react-native-cli : 0.1.75.Genymotion : 2.6, Nexus 6 - 5.1 API 226.git : 2.6.2

1.安装

安装比较简单 基本按照官网说明走就行了,唯一需要注意的就是
请时刻保持翻墙状态
请时刻保持翻墙状态
请时刻保持翻墙状态

当然最好使用安装git后自带的git bash 不要用cmd了。

官网说明传送门

为了方便小语种的同学,这里简单赘述一下
1.你需要安装nodejs 4.0 以上的版本
当然如果你正在用5.0以上版本的node那么建议切换到npm2,因为这比3要快 采用如下命令切换

    npm install -g npm@2.

然后你就可以开始安装RN了,这里需要注意的是win下可能会提示你缺少各种依赖的模块包,耐心安装,并不是没有尽头…

    npm install -g react-native-cli

2.Hello World

折腾完了现在开始创建你的项目吧,用下面的命令(AwesomeProject(超屌的项目),名字你可以随便起,这是官方示例给的一个名字)

 react-native init AwesomeProject

创建完成后跳到项目跟目录让他在你的安卓机上跑起来吧:)
官方文档传送门

    cd AwesomeProject    react-native run-android

这里需要注意的地方是
1.如果你是Win辣么 新开个终端 ,跳到你的项目目录执行

    react-native start

2.如果是android 5.0+辣么,这一点我用Genymotion创建的虚拟设备不进行此步骤也没问题,真机了也不行,原因未知。

    adb reverse tcp:8081 tcp:8081

现在 你应该已经看到官方为你准备的Welcome页面了,这个页面在项目根目录下的index.android.js和index.ios.js下

参考链接:
点我传送 - 官方文档
点我传送 - 踩坑宝典<上>
点我传送 - 踩坑宝典<下>

0 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 银行卖保险被骗怎么办 卖家违规怎么办扣分 淘宝很久没发货怎么办 淘宝很久不发货怎么办 买家下单就不给发货怎么办 淘宝商家不退货怎么办 退货了不退款怎么办 淘宝客户不退货怎么办 淘宝退款不退怎么办 qq密码记不着了怎么办 退货填错地址怎么办 淘宝店主出门发货怎么办 化妆品囤货太多怎么办 查分网页崩溃怎么办 记事本回车键不能换行怎么办 网页xml 载入失效怎么办 网页没有搜索栏怎么办 咖喱调料打开了怎么办 煮咖喱水放多了怎么办 营业执照4年没用怎么办 刷赞网站打不开怎么办 网页界面变大了怎么办 照片在易企秀放不完整怎么办 易企秀审核未通过怎么办 微信文件过期怎么办 商家一直不退款怎么办 商家不退运费怎么办 电源标签没了怎么办 淘宝退货的邮费怎么办 淘宝店铺未授权怎么办 商家收款不发货怎么办 厂家收款不发货怎么办 微信支付没到账怎么办 二维码被涂了怎么办 手机老是卡顿怎么办 买完东西降价怎么办 买家不补邮费怎么办 win10网络初始化失败怎么办 win10电脑初始化失败怎么办 获取ip地址失败怎么办 oppor11开不了机怎么办