React-Native 写的小项目Gank.io

最近在写React—Natvie 的项目,但是js基础不好直接还是上手react 有点吃力,所以自己先弄个小项目玩玩,用着gank.io的api写的 一个简单demo

简单的实现 技术要点
与原生UI的通信,视图的封装,网络的简单封装,listview,和flex布局的掌握

缺陷:ListView 的的刷新机制有问题,图片缩放用的是PhotoView但是没有居中,瀑布流的效果问题

下个阶段要实现的
界面的优化,缓存,Rn中的ListView 的封装(刷新和加载)

界面模仿:https://github.com/CaMnter/EasyGank

React-Native 写的小项目Gank.io_第1张图片
这里写图片描述

React-Native 写的小项目Gank.io_第2张图片
这里写图片描述

React-Native 写的小项目Gank.io_第3张图片
这里写图片描述

React-Native 写的小项目Gank.io_第4张图片
这里写图片描述

React-Native 写的小项目Gank.io_第5张图片
这里写图片描述

React-Native 写的小项目Gank.io_第6张图片
这里写图片描述

项目地址:https://github.com/1105896230/Gank.io-Rn

你可能感兴趣的:(React-Native 写的小项目Gank.io)