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、聲明

• 所用到接口均來自網絡，請不要亂用！尊重原創版權

---