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

317 阅读1分钟

iOS菜鸟,本周开始了react native的学习。

(一)环境安装 官网写的很详细,我觉得就没必要重新再啰嗦了。 官网地址: reactnative.cn/docs/0.46/g…

(二)新建第一个项目

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

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

界面图
地址是:github.com/XingXiaoWu/… 不如随手点个star让楼主也开心一整天~

无星的RN学习之旅(二)-RN与原生的通信

无星的RN学习之旅(三)-bridge is not set.

无星的RN学习之旅(四)——通信、持久化存储、xcode打包

无星的RN学习之旅(五)-关于react-navigation多层级页面返回时,去掉逐层推出动画

无星的RN学习之旅(六)-第三方App跳转,苹果商店跳转,loading框