查看此項目的:視頻開發(fā)教程

喜歡逛GitHub的小伙伴都知道,它有個查看最熱項目的功能叫trending,但這個功能只能在網(wǎng)頁上查看,
而且在手機上瀏覽顯示效果很不友好,而我想在地鐵上,餐廳,路上等空余的時間使用它,所以我需要一款帶有這個功能的App,
不僅于此,我還想要在這款App上查詢GitHub上我所喜歡的項目,甚至在手機沒網(wǎng)的時候也能看到,而且我想要我的iOS和Android手機都能使用這款App,
于是GitHub Popular便誕生了。
這個項目滿足了我如下3方面的需求:
- 在手機App上也可以使用GitHub 的trending功能來查看最熱最火的開源項目。
- 在手機App上也可以搜索GitHub上的開源項目,并且可以進行查看、收藏、分享等操作。
- 可以訂閱我所喜歡的標簽或語言,讓感興趣的熱門項目一個不漏。

開發(fā)環(huán)境及工具
環(huán)境:
- OSX:10.11.6
- Node.js:6.3.1
- react-native:0.32.0
工具:
- Git
- WebStorm
- AndroidStudio
- Xcode
所用技術與第三方庫
所用技術
- ES5/ES6
- React
- Flexbox
- AsyncStorage
- fetch api
- Native Modules
第三方工具
- react-native-check-box
- react-native-easy-toast
- react-native-splash-screen
- react-native-htmlview
- react-native-parallax-scroll-view
- react-native-scrollable-tab-view
- react-native-sortable-listview
- react-native-tab-navigator
功能流程圖
[圖片上傳失敗...(image-b6bda7-1544634993907)]
總結
此項目是基于目前比較火的React Native技術架構的,也用到一些Android和iOS技術,其中Android、iOS兩端代碼復用率有90%之多,該項目占據(jù)我不少業(yè)余時間,不過總算研發(fā)完成,并成功上架。在此過程中填了不少的坑,包括GitHub沒有開放trending的Api,需要自己動手實現(xiàn)它,以及自定義主題等等,后期有時間會整理出來分享給大家。
GitHub Popular的Android版本已上架,大家可以從百度手機助手,應用寶上下載使用,iOS版就差一個99刀的賬號就可以上架了,囊中羞澀嗚嗚~~~~。項目開源在GitHub上供熱愛移動開發(fā)的小伙伴學習研究,喜歡的小伙伴不要忘記點個贊支持一下哦。
推薦學習:視頻教程《React Native開發(fā)跨平臺GitHub App》
最后
既然來了,留下個喜歡再走吧,鼓勵我繼續(xù)創(chuàng)作(_)∠※
如果喜歡我的文章,那就關注我的博客@ devio.org吧,讓我們一起做朋友~~
戳這里,加關注哦:
GitHub:我的開源項目