无星的RN学习之旅(一)-环境安装以及新建项目

96
无星灬
2017.07.15 17:41* 字数 361

iOS菜鸟,本周开始了react native的学习。
(一)环境安装
官网写的很详细,我觉得就没必要重新再啰嗦了。
官网地址:
http://reactnative.cn/docs/0.46/getting-started.html
(二)新建第一个项目
1.打开“终端”输入

react-native init MyApp --version 0.44.3

注意:init命令默认会创建最新的版本,而目前最新的0.45及以上版本需要下载boost库编译。此库体积庞大,在国内即便翻墙也很难下载成功,导致很多人无法正常运行iOS项目,推荐暂时使用0.44.3的版本。
2.创建成功后cd到项目路径下

cd MyApp

3.运行该项目

react-native run-ios

P.S 我是运行iOS,如果运行安卓就输入

react-native run-android

我创建了一个练习文件,可供练习,这五个练习完成应该就能初步知道怎么交互了。包括我的学习路线怎么完成也会慢慢更新~

界面图

地址是:https://github.com/XingXiaoWu/React-Native-First
不如随手点个star让楼主也开心一整天~

无星的RN学习之旅(二)-RN与原生的通信
无星的RN学习之旅(三)-bridge is not set.
无星的RN学习之旅(四)——通信、持久化存储、xcode打包
无星的RN学习之旅(五)-关于react-navigation多层级页面返回时,去掉逐层推出动画
无星的RN学习之旅(六)-第三方App跳转,苹果商店跳转,loading框

RN