- 本文為 Marno 原創，轉載必須保留出處！
- 公眾號【 aMarno 】，關注後回覆 RN 加入交流群
- React Native 優秀開源專案大全：www.marno.cn
一、前言
前段時間寫了一篇關於React Native入門的教程《給所有開發者的React Native詳細入門指南（第一階段）》，總結了一下我在學習React Native過程中的一些心得，短短几天全網閱讀量超過3W+（多個閱讀渠道粗略總計），很多人加我微信問我還有沒有後續的教程，肯定是有的！而且名字我都想好了，不出意外的應該會叫《給所有開發者的React Native詳細入門指南（第二階段）》（額.....），目前基本大綱已經完成了。因為入門還是比較簡單的，越往後學可能要掌握的東西就越多。再第二階段的學習中，我真是沒少踩坑，我也都記錄了下來，後面的文章中會更新的。
二、回答一些問題
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%呢？我這不是還沒學會的嘛）！
三、前面都是廢話，看下面↓↓↓
四、截圖預覽
| 精選 | 個人中心 |
|---|---|
五、主要技術框架
目前用到的
- "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"(介面弱提示)
六、倉庫地址：react-native-eyepetizer
如何執行本專案？
第一步：【npm install】
第二步：【react-native-link】
第三步：【react-native run-android】
如果有什麼問題可以github直接提issue給我，或者留言給我
七、專案心得
其實編寫這個demo的過程中還是總結了一些經驗的，後續也會寫成文章和大家一起分享。比如說圖片的使用，最好用一個入口類進行統一管理；還比如樣式變數的命名，最好所有的地方都使用styles命名......當然還有一些其他的心得，後續文章中見。也希望如果你有好的心得，可以評論回覆我一下！謝謝！
八、宣告
- 所用到介面均來自網路，請不要亂用！尊重原創版權