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下
参考链接:
点我传送 - 官方文档
点我传送 - 踩坑宝典<上>
点我传送 - 踩坑宝典<下>
- RN(react native)入坑指南-01,Hello RN
- RN(react native)入坑指南-01,Hello RN,Windows下的环境搭建
- RN(react native)入坑指南-04,布局容器
- RN(react native)入坑指南-附录A,常用命令
- RN(react native)入坑指南-03,运行官方示例UIExplorer
- RN(react native)入坑指南-02,一个登录示例
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- RN(react native)入坑指南-06,项目开发结构(代码分层组织)
- RN(react native)入坑指南-07,使用navigator实现页面跳转
- RN(react native)入坑指南-08,如何加载远程数据
- RN(react native)入坑指南-09,单元学习小结
- RN(react native)入坑指南-12,打正式签名包和发布
- RN(react native)入坑指南-10,组件的生命周期
- React Native-----RN----React Native介绍
- 【React Native】那些年RN上跳过的坑
- Android 在 Fragment 中集成 React-Native(RN)步骤
- react-native监听Android(Android向RN发送事件)
- <React Native> 学习日记(1) 成功运行、编译RN-android的爬坑记录
- liunx 常用命令
- MFC结构体的定义标准,可参考
- html中div定位练习
- 关于斜率优化的dp【把自己的以前的文章放上来
- shell学习之sed命令补充
- RN(react native)入坑指南-01,Hello RN
- shell按行读取文件的3种方法
- tx电面记录
- HDU 3395 Special Fish KM水题
- openjudge城堡问题
- Activity平移动画
- 滑动向上,一个框在顶部留下
- PHP的类自动加载机制
- shell学习之awk