查看: 2072|回复: 0

[IOS开发教程] 三分设计感的纯React-Native项目 Mung

发表于 2018-1-29 08:00:02
1. Mung:是一个基于React-Native编写,使用豆瓣开源API开发的一个项目。

ic_launcher.png


2. 功能概述 数据保存 :支持断网加载缓存数据。 主题换肤 :现在只支持切换主题颜色,本项目没几张图片。 查看电影详情 :支持查看电影详情包括评论。 一键搜索: 支持标签和语句查找相关的电影。
3. 运行结果图

icon_ppt1.png

icon_ppt2.png


4. 使用到的框架 react-native-linear-gradient :实现渐变背景 react-native-root-toast :实现兼容Android和IOS的提出提示 react-native-splash-screen :实现用优雅的方式解决白屏 react-native-star-rating :实现评分等级 react-native-swiper :实现Banner功能 realm : 实现数据存储和版本控制
5. 优缺点 最初想这个项目的时候是想找一个开源的、资源多的、免费的API,实现一个功能比较多的React-Native项目,当在网上找了很久没有找到满意的最后选择了豆瓣Api毕竟开源。 项目几乎全部使用纯原生的React-Native,只有上面一些UI框架是使用开源的,本项目比较适合于刚学完基础,项目没有使用Redux等框架去管理状态。 由于前期写的比较慢,第一个界面搞电影卡片的设计搞的时间比较久,一直纠结怎样布局好看点,和颜色的选择,还有对网络那块的封装,所以写了很久才写了这点功能,Api资源开发的也比较少,很多都需要商务权限和登入,所以功能比较少。 图片浏览那块图片无法实现手指拉大和缩小,找了一些框架,实现后效果不错,但左右滑时会出现无法滑动问题所以暂时放弃了。 如果有资源的话,后期有时间加上新闻和音乐模块。 由于没有Mac所以没有编译IOS版,但代码都是兼容两个移动端的,里面的所以三方和原生的框架都是选用了兼容双平台的框架,有时间会安装一个黑苹果,如果成功,后期编译出IOS版。
6. GitHub地址
7. 下载安装Mung


回复

使用道具 举报