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

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框

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,870评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,192评论 4 61
  • 最近朋友圈都在关注莆田系医院作死,百度穷极作恶的新闻。因为一小撮人,恨了一个省。对于福建人,以前没什么好印象,直到...
    左思玲阅读 1,326评论 4 14
  • 当今的世界变化太快,物质也变得越来越丰富,对于商品和服务,人们面临着越来越多的选择。 对于消费者来说,选择占用了太...
    许大威仔阅读 899评论 0 49
  • ‌念念不忘的岁月中,倘若掌心有雨,能否让你我指尖滑落的泪滴化作漫天相思的雨。假如爱有天意,就不会听见寂寞在唱歌;假...
    宁静致远_6736阅读 327评论 0 1