查看此項(xiàng)目的：視頻開(kāi)發(fā)教程
喜歡逛GitHub的小伙伴都知道，它有個(gè)查看最熱項(xiàng)目的功能叫trending，但這個(gè)功能只能在網(wǎng)頁(yè)上查看屠凶，
而且在手機(jī)上瀏覽顯示效果很不友好，而我想在地鐵上肆资，餐廳矗愧，路上等空余的時(shí)間使用它，所以我需要一款帶有這個(gè)功能的App郑原，
不僅于此唉韭，我還想要在這款A(yù)pp上查詢(xún)GitHub上我所喜歡的項(xiàng)目，甚至在手機(jī)沒(méi)網(wǎng)的時(shí)候也能看到犯犁，而且我想要我的iOS和Android手機(jī)都能使用這款A(yù)pp属愤，
于是GitHub Popular便誕生了。
這個(gè)項(xiàng)目滿(mǎn)足了我如下3方面的需求：
- 在手機(jī)App上也可以使用GitHub 的trending功能來(lái)查看最熱最火的開(kāi)源項(xiàng)目酸役。
- 在手機(jī)App上也可以搜索GitHub上的開(kāi)源項(xiàng)目住诸，并且可以進(jìn)行查看、收藏涣澡、分享等操作贱呐。
- 可以訂閱我所喜歡的標(biāo)簽或語(yǔ)言，讓感興趣的熱門(mén)項(xiàng)目一個(gè)不漏暑塑。
開(kāi)發(fā)環(huán)境及工具
環(huán)境：
- OSX:10.11.6
- Node.js:6.3.1
- react-native:0.32.0
工具：
- Git
- WebStorm
- AndroidStudio
- Xcode
所用技術(shù)與第三方庫(kù)
所用技術(shù)
- 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)]
總結(jié)
此項(xiàng)目是基于目前比較火的React Native技術(shù)架構(gòu)的吼句，也用到一些Android和iOS技術(shù)，其中Android事格、iOS兩端代碼復(fù)用率有90%之多惕艳，該項(xiàng)目占據(jù)我不少業(yè)余時(shí)間，不過(guò)總算研發(fā)完成驹愚，并成功上架远搪。在此過(guò)程中填了不少的坑，包括GitHub沒(méi)有開(kāi)放trending的Api逢捺，需要自己動(dòng)手實(shí)現(xiàn)它谁鳍，以及自定義主題等等，后期有時(shí)間會(huì)整理出來(lái)分享給大家。
GitHub Popular的Android版本已上架倘潜，大家可以從百度手機(jī)助手绷柒，應(yīng)用寶上下載使用，iOS版就差一個(gè)99刀的賬號(hào)就可以上架了涮因，囊中羞澀嗚嗚~~~~废睦。項(xiàng)目開(kāi)源在GitHub上供熱愛(ài)移動(dòng)開(kāi)發(fā)的小伙伴學(xué)習(xí)研究，喜歡的小伙伴不要忘記點(diǎn)個(gè)贊支持一下哦养泡。
推薦學(xué)習(xí)：視頻教程《React Native開(kāi)發(fā)跨平臺(tái)GitHub App》
最后
既然來(lái)了嗜湃，留下個(gè)喜歡再走吧，鼓勵(lì)我繼續(xù)創(chuàng)作(_)∠※
如果喜歡我的文章澜掩，那就關(guān)注我的博客@ devio.org吧购披，讓我們一起做朋友~~
戳這里,加關(guān)注哦:
GitHub：我的開(kāi)源項(xiàng)目
