這個是轉載別人的blog,一起學習!!!
1.前言
讀項目源碼是一種非常好的學習方式,現階段React Native還在高速的發展,版本迭代速度很快,同時入門學習的教程也比較少。因此查看閱讀別人寫的好的開源項目就非常重要,吸取精華。那本期就來給我大家推薦幾個開源項目
剛創建的React Native交流6群:426762904,歡迎各位大牛,React Native技術愛好者加入交流!同時博客右側歡迎微信掃描關注訂閱號,移動技術干貨,精彩文章技術推送!
二.Facebook’s F8 Conference App
React Native最佳學習模版- F8 App開源了,界面和體驗是相當的完美,這個是Facebook官方開發的,所以放在第一位進行推薦。現在在github將近6000個star了。項目地址https://github.com/fbsamples/f8app
三.Reading
來自餓了么RN大神開源的reading項目,已經完成Android和iOS雙適配。絕對是一個產品級的開源項目,并且作者還在持續的更新。值得一薦!
項目地址:https://github.com/attentiveness/reading
四.Weather
該為國外一個天氣預報客戶端,界面效果簡約優美,作者借鑒F8項目同時客戶端數據來自真實國外的天氣預報API。這天氣預報客戶端體驗估計已經給原生開發者造成10000點傷害了。項目地址:https://github.com/stage88/react-weather
五.Github Feed
該項目來自阿里開發人員,你的又一Github客戶端哦~項目github也超過了1000個star。主要功能:
Feeds like web github home. (Github個人主頁)
Search users or repos. (搜索用戶或者開源庫)
Star, watch repos, follow guys. (start,watch庫,follow用戶)
Explore trending repos daily, weekly, monthly. (查看瀏覽趨勢)
Check who's famous in some filed all of the world. (檢查特殊的commit)
項目地址:https://github.com/xiekw2010/react-native-gitfeed
六.React-Native-NBA-App
這個項目主要進行查看NBA相關數據,界面做的非常Nice,項目整體架構也非常不錯,關鍵還有圖表界面,同時適配Android和iOS雙平臺。也是大家不可多得學習的項目。推薦!
項目地址:https://github.com/wwayne/react-native-nba-app
1.HackerNews
采用純React Native開發的HackerNews客戶端,同時兼容Android、iOS雙平臺。用到很多常用的開源組件,而且非常適合初學者入門的項目。有借鑒意義。
項目地址:https://github.com/iSimar/HackerNews-React-Native
2.iShiWuPai
iShiWuPai是基于React Native和Redux實現的展示型美食類APP。不過當前暫時只適配iOS版本,但是效果絕對贊了~
已完成功能點:
逛吃界面,支持下拉刷新和上拖加載更多
資訊詳情界面
食物百科界面
食物列表頁面所有功能,包括子類別排序、營養素排序功能及動畫,支持上拖加載更多
我的、食物對比基本界面
項目地址:https://github.com/ljunb/react-native-iShiWuPai
3.HiApp
采用React Native開發的一款基于類似微博以及聊天App,同時兼容Android、iOS雙平臺,甚至還有Web端。整體功能有很多可以學習的地方。例如效果布局,多語言切換等等。
項目地址:https://github.com/BelinChung/react-native-hiapp
4.cnblogs
采用React Native開發的cnblog博客客戶端,當時只適配Android版本。不過基本功能已經做的挺完善的效果也還不錯。已經涵蓋博客,排行列表,詳情,評論,搜索等功能。
項目地址:https://github.com/togayther/react-native-cnblogs
5.Gank.io App
號稱App最多的網站干貨集中營(Gank.io)最后也推薦兩個。首先來一個的是效果和開發者頭條有點類似的哈~同時兼容雙平臺。不過也是very 因垂思挺。
項目地址:https://github.com/zhongjie-chen/rn_rank
在來一個Gank客戶端,這個客戶端其實也是大同小異,主要在界面UI實現風格方面有點變化,特別提一點里面的妹紙圖縮放以及拖動效果做的還不錯的。
項目地址:https://github.com/iwgang/GankCamp-React-Native