基于React Native + redux 开发的客户端(适配IOS和Android),可查看保存妹纸,收藏分享文章等
来源:互联网 发布:ubuntu安装非自由软件 编辑:程序博客网 时间:2024/05/17 03:27
基于react native + redux开发的iOS和安卓干果客户端
项目地址:https://github.com/tmxiong/gank
react native
的优点想必不用多说,就如同facebook开发react native的宗旨所述,Learn Once ,Write Anywhere
,只用一套js代码即可同时写出接近原生用户体验的安卓和iOS app.让许多中小互联网企业眼前一亮,给他们带来无限希望与可能.
功能
整体分为首页
/福利
/我的
三个底部tab导航
首页:
- [x]
Android
&iOS
&前端
&休息视频
&瞎推荐
&拓展资源
六个顶部tab分类导航; - [x] 文章列表可下拉刷新/上拉加载 ;
- [x] 文章详情页可进行
收藏
和分享
;
福利页:
- [x] 美女图片列表下拉刷新/上拉加载;
- [x]
最新
/随机
两种图片排序方式; - [x] 点击图片进入图片浏览模式,可
缩放
和保存
;
我的页:
- [x] 每日同步最新头像;
- [x] 查看
阅读记录
; - [x] 查看
收藏记录
; [x] 关于;
技术
- [x]
react-native 0.45.1
; - [x]
react-navigation
:
如果你还在用react-navigator
,那么你就out了,马上使用功能强大等react-navigation
,从此告别页面跳转卡顿,还有丰富的自定义功能,包括顶部/底部导航栏和抽屉等;点击进入react-navigation官网,点击进入我的react-navigation小demo: [x]
redux
:
部分页面传值更新状态的地方用到;[x]
react-native-splash-screen
:
当项目越庞大时,需要加载的bundle也越大,app首次启动时白屏时间越长,解决白屏的方法可以是让bundle预加载,或者放置首屏图片遮挡白屏,总之都需要修改原生代码。我用的是第二种方法,并且react-native-splash-screen
已经给你封装好了,你无需再修改原生代码,直接install即可。鉴于安卓和iOS的差异性,我只在安卓中使用了react-native-splash-screen
,iOS的xcode中自带很完善的设置首屏图片功能。- [x]
react-native-fetch-blob
:
用于安卓部分的图片下载,iOS 上使用的是react-native
自带的CameraRoll
进行图片下载保存。
计划增加的功能:
- [ ] tab栏的排序/增删功能;
- [ ] 阅读记录/收藏的分类/清空功能;
- [ ] 注册/登录功能(使用nodejs实现);
项目地址:https://github.com/tmxiong/gank
- app所有数据均来自
api/gank/io
;- 如果你有好的意见或建议,欢迎联系
tmxiong@foxmail.com
;- 如果本代码对你有所帮助,欢迎
Start
和Fork
,同时,也不妨捐赠一下,请我喝杯可乐。
阅读全文
0 0
- 基于React Native + redux 开发的客户端(适配IOS和Android),可查看保存妹纸,收藏分享文章等
- 基于 react-native+redux 开发的高仿 V2EX 客户端
- 基于react-native实现的博客园移动客户端,兼容android和ios
- react-native,react-redux和redux配合开发
- 基于 Redux 的 React Native 应用架构
- react-native,redux,redux-saga组合开发
- 用react-native+ redux 写的Reddit客户端
- react native基于redux架构实现登陆和购物车
- react native基于redux架构实现登陆和购物车
- 基于React-Native及Redux的Immutable.js引入
- 基于React-Native及Redux的Immutable.js引入
- React-native Redux 干货分享实践
- React-Native开发总结-redux层面上的问题
- 基于React Native构建的仿京东客户端
- 从零开始的Android新项目10 - React Native & Redux
- react-native 简单的react-redux创建
- 基于iOS和Android的react-native跨平台漫画App
- React和Redux的连接react-redux
- PPPOE概述
- 用户锁,扣费模型,足够能支持一般并发
- c#正则匹配指定地址指定div内容
- webpack的模块化插件
- 17/7/31学习笔记03
- 基于React Native + redux 开发的客户端(适配IOS和Android),可查看保存妹纸,收藏分享文章等
- maven找不到依赖
- oracle 触发器简单应用
- 通用树的双亲表示法(代码演示))
- [CLI]tcpdump过滤小结
- linux -- 进程的查看、进程id的获取、进程的杀死 进程查看
- Nginx--官网中文翻译(中英文对比)--1-新手指南Beginner’s Guide
- MYSQL中创建存储过程实现向表中循环插入数据
- 1.22Android 学习+进度之二十二-语音与发送