這個是轉(zhuǎn)載別人的blog肆资,一起學(xué)習(xí)0跽浮!麦箍!
1.前言
讀項(xiàng)目源碼是一種非常好的學(xué)習(xí)方式,現(xiàn)階段React Native還在高速的發(fā)展漓藕,版本迭代速度很快,同時入門學(xué)習(xí)的教程也比較少挟裂。因此查看閱讀別人寫的好的開源項(xiàng)目就非常重要享钞,吸取精華。那本期就來給我大家推薦幾個開源項(xiàng)目
剛創(chuàng)建的React Native交流6群:426762904,歡迎各位大牛,React Native技術(shù)愛好者加入交流!同時博客右側(cè)歡迎微信掃描關(guān)注訂閱號,移動技術(shù)干貨,精彩文章技術(shù)推送!
二.Facebook’s F8 Conference App
React Native最佳學(xué)習(xí)模版- F8 App開源了,界面和體驗(yàn)是相當(dāng)?shù)耐昝?這個是Facebook官方開發(fā)的,所以放在第一位進(jìn)行推薦【魅兀現(xiàn)在在github將近6000個star了栗竖。項(xiàng)目地址https://github.com/fbsamples/f8app
三.Reading
來自餓了么RN大神開源的reading項(xiàng)目,已經(jīng)完成Android和iOS雙適配。絕對是一個產(chǎn)品級的開源項(xiàng)目渠啤,并且作者還在持續(xù)的更新狐肢。值得一薦!
項(xiàng)目地址:https://github.com/attentiveness/reading
四.Weather
該為國外一個天氣預(yù)報(bào)客戶端,界面效果簡約優(yōu)美沥曹,作者借鑒F8項(xiàng)目同時客戶端數(shù)據(jù)來自真實(shí)國外的天氣預(yù)報(bào)API份名。這天氣預(yù)報(bào)客戶端體驗(yàn)估計(jì)已經(jīng)給原生開發(fā)者造成10000點(diǎn)傷害了。項(xiàng)目地址:https://github.com/stage88/react-weather
五.Github Feed
該項(xiàng)目來自阿里開發(fā)人員,你的又一Github客戶端哦~項(xiàng)目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)
項(xiàng)目地址:https://github.com/xiekw2010/react-native-gitfeed
六.React-Native-NBA-App
這個項(xiàng)目主要進(jìn)行查看NBA相關(guān)數(shù)據(jù),界面做的非常Nice僵腺,項(xiàng)目整體架構(gòu)也非常不錯,關(guān)鍵還有圖表界面,同時適配Android和iOS雙平臺壶栋。也是大家不可多得學(xué)習(xí)的項(xiàng)目辰如。推薦!
項(xiàng)目地址:https://github.com/wwayne/react-native-nba-app
1.HackerNews
采用純React Native開發(fā)的HackerNews客戶端,同時兼容Android委刘、iOS雙平臺丧没。用到很多常用的開源組件鹰椒,而且非常適合初學(xué)者入門的項(xiàng)目。有借鑒意義呕童。
項(xiàng)目地址:https://github.com/iSimar/HackerNews-React-Native
2.iShiWuPai
iShiWuPai是基于React Native和Redux實(shí)現(xiàn)的展示型美食類APP漆际。不過當(dāng)前暫時只適配iOS版本,但是效果絕對贊了~
已完成功能點(diǎn):
逛吃界面,支持下拉刷新和上拖加載更多
資訊詳情界面
食物百科界面
食物列表頁面所有功能夺饲,包括子類別排序奸汇、營養(yǎng)素排序功能及動畫,支持上拖加載更多
我的往声、食物對比基本界面
項(xiàng)目地址:https://github.com/ljunb/react-native-iShiWuPai
3.HiApp
采用React Native開發(fā)的一款基于類似微博以及聊天App,同時兼容Android擂找、iOS雙平臺,甚至還有Web端。整體功能有很多可以學(xué)習(xí)的地方浩销。例如效果布局,多語言切換等等贯涎。
項(xiàng)目地址:https://github.com/BelinChung/react-native-hiapp
4.cnblogs
采用React Native開發(fā)的cnblog博客客戶端,當(dāng)時只適配Android版本。不過基本功能已經(jīng)做的挺完善的效果也還不錯慢洋。已經(jīng)涵蓋博客,排行列表塘雳,詳情,評論普筹,搜索等功能败明。
項(xiàng)目地址:https://github.com/togayther/react-native-cnblogs
5.Gank.io App
號稱App最多的網(wǎng)站干貨集中營(Gank.io)最后也推薦兩個。首先來一個的是效果和開發(fā)者頭條有點(diǎn)類似的哈~同時兼容雙平臺太防。不過也是very 因垂思挺妻顶。
項(xiàng)目地址:https://github.com/zhongjie-chen/rn_rank
在來一個Gank客戶端,這個客戶端其實(shí)也是大同小異,主要在界面UI實(shí)現(xiàn)風(fēng)格方面有點(diǎn)變化,特別提一點(diǎn)里面的妹紙圖縮放以及拖動效果做的還不錯的。
項(xiàng)目地址:https://github.com/iwgang/GankCamp-React-Native