| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
MonCasanova
8年前发布

一个上架了的React Native项目实战总结

   <p>喜欢逛GitHub的小伙伴都知道,它有个查看最热项目的功能叫 treding ,但这个功能只能在网页上查看,</p>    <p>而且在手机上浏览显示效果很不友好,而我想在地铁上,餐厅,路上等空余的时间使用它,所以我需要一款带有这个功能的App,</p>    <p>不仅于此,我还想要在这款App上查询GitHub上我所喜欢的项目,甚至在手机没网的时候也能看到,而且我想要我的iOS和Android手机都能使用这款App,</p>    <p>于是 GitHub Popular 便诞生了。</p>    <p>这个项目满足了我如下3方面的需求:</p>    <ol>     <li>在手机App上也可以使用GitHub 的 <a href="/misc/goto?guid=4958822644988629774" rel="nofollow,noindex">treding</a> 功能来查看最热最火的开源项目。</li>     <li>在手机App上也可以搜索GitHub上的开源项目,并且可以进行查看、收藏、分享等操作。</li>     <li>可以订阅我所喜欢的标签或语言,让感兴趣的热门项目一个不漏。</li>    </ol>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/4641dce874e67612bfc0a06dda610e0d.png"></p>    <p style="text-align: center;">githubpupular.png</p>    <h2><strong>开发环境及工具</strong></h2>    <h3>环境:</h3>    <ul>     <li> <p>OSX:10.11.6</p> </li>     <li> <p>Node.js:6.3.1</p> </li>     <li> <p>react-native:0.32.0</p> </li>    </ul>    <h3><strong>工具:</strong></h3>    <ul>     <li> <p>Git</p> </li>     <li> <p>WebStorm</p> </li>     <li> <p>AndroidStudio</p> </li>     <li> <p>Xcode</p> </li>    </ul>    <h2><strong>所用技术与第三方库</strong></h2>    <h3><strong>所用技术</strong></h3>    <ul>     <li> <p>ES5/ES6</p> </li>     <li> <p>React</p> </li>     <li> <p>Flexbox</p> </li>     <li> <p>AsyncStorage</p> </li>     <li> <p>fetch api</p> </li>     <li> <p>Native Modules</p> </li>    </ul>    <h3><strong>第三方工具</strong></h3>    <ul>     <li>react-native-check-box</li>     <li>react-native-easy-toast</li>     <li>react-native-splash-screen</li>     <li>react-native-htmlview</li>     <li>react-native-parallax-scroll-view</li>     <li>react-native-scrollable-tab-view</li>     <li>react-native-sortable-listview</li>     <li>react-native-tab-navigator</li>    </ul>    <h2><strong>功能流程图</strong></h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/3605a629178702cd25481c80a9a19878.png"></p>    <p style="text-align: center;">GitHub Popular-功能结构图</p>    <h2><strong>总结</strong></h2>    <p>此项目是基于目前比较火的React Native技术架构的,也用到一些Android和iOS技术,其中Android、iOS两端代码复用率有90%之多,该项目占据我不少业余时间,不过总算研发完成,并成功上架。在此过程中填了不少的坑,包括GitHub没有开放 treding 的Api,需要自己动手实现它,以及自定义主题等等,后期有时间会整理出来分享给大家。</p>    <p> </p>    <p> </p>    
 本文由用户 MonCasanova 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1477274338988.html
ReactNative 移动开发 React Native