React Native 仿开眼 App

• 本文为 Marno 原创，转载必须保留出处！
• 公众号【 aMarno 】，关注后回复 RN 加入交流群
• React Native 优秀开源项目大全：www.marno.cn

---

1、前言

前段时间写了一篇关于React Native入门的教程《给全部开发者的React Native详细入门指南（第一阶段）》，总结了一下我在学习React Native过程当中的一些心得，短短几天全网阅读量超过3W+（多个阅读渠道粗略总计），不少人加我微信问我还有没有后续的教程，确定是有的！并且名字我都想好了，不出意外的应该会叫《给全部开发者的React Native详细入门指南（第二阶段）》（额.....），目前基本大纲已经完成了。由于入门仍是比较简单的，越日后学可能要掌握的东西就越多。再第二阶段的学习中，我真是没少踩坑，我也都记录了下来，后面的文章中会更新的。

2、回答一些问题

1.教程到底分了几个阶段！

不少人微信问我这个，目前只分为四个阶段，能够看我github上HelloRN工程里的思惟导图，那个就是基本大纲。教程结构还在不断调整，由于我也处于学习的过程当中。在创建完善知识体系的路上确定是少不了反复调整的。也借鉴了不少前辈的经验！再次说声谢谢！（献上膝盖好了！）

2. React Native和Weex怎么选？

这个是被不少人问及的第二个问题！我简单说下个人见解，两个都是用JS实现Native功能的，RN来自Facebook，Weex来自阿里巴巴。嗯，那就选RN好了！为啥？！翻q出去看下medium，twitter有就知道了！由于那里几乎没有Weex的身影。多是Weex尚未推到国外去？不过技术没有对错，学好哪同样都是本事！

3.为何单独编写一个项目，和《第一阶段》文中的demo同样吗？

教程中的demo揉和了不少学习过程当中编写的小的demo，虽然进行的了分包管理，可是看起来仍是比较乱。因此单独编写一个工程进行维护，该demo目前仅实现了开眼3.1.2的大约30%的功能（你问我其他的70%呢？我这不是还没学会的嘛）！

3、前面都是废话，看下面↓↓↓

4、截图预览

精选	我的中心

5、主要技术框架

目前用到的

• "native-base": "^2.0.5"（综合框架）
• "react-native-banner": "^0.1.0"（banner广告，基于react-native-swiper）
• "react-native-parallax-scroll-view": "^0.19.0" (带视差的ScrollView)
• "react-native-tab-navigator": "^0.3.3"（底部导航）
• "react-native-vector-icons": "^4.0.0"（图标，其实没怎么用到）
• "react-native-video": "^1.0.0"（播放视频）

之后会用到的

• "react-native-storage": "^0.1.5"（数据存储）
• "react-native-swiper": "^1.5.4"（引导页）
• "react-native-easy-toast": "^1.0.5"(界面弱提示)

6、仓库地址：react-native-eyepetizer

如何运行本项目？
第一步：【npm install】
第二步：【react-native-link】
第三步：【react-native run-android】
若是有什么问题能够github直接提issue给我，或者留言给我

7、项目心得

其实编写这个demo的过程当中仍是总结了一些经验的，后续也会写成文章和你们一块儿分享。好比说图片的使用，最好用一个入口类进行统一管理；还好比样式变量的命名，最好全部的地方都使用styles命名......固然还有一些其余的心得，后续文章中见。也但愿若是你有好的心得，能够评论回复我一下！谢谢！

8、声明

• 所用到接口均来自网络，请不要乱用！尊重原创版权

---