为了账号安全,请及时绑定邮箱和手机立即绑定

三分设计感的纯React-Native项目 Mung

多语言版本


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版。



React-Native 篇

点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
16
获赞与收藏
105

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消