项目作者: pookpal

项目描述 :
练习react-native,用react-native重构的陕西广电视频APP
高级语言: JavaScript
项目地址: git://github.com/pookpal/shanxiVideoApp.git
创建时间: 2016-05-29T09:11:34Z
项目社区:https://github.com/pookpal/shanxiVideoApp

开源协议:

下载


shanxiVideoApp

练习react-native, 用react-native重构的陕西广电视频APP(目前只是IOS版本,只做了iPhone6的适配)

安装方式

  1. 1git clone https://github.com/pookpal/shanxiVideoApp.git
  2. 2npm install -g rnpm
  3. 3npm install
  4. 4rnpm link
  5. 5、执行 react-native run-ios 或者是在xcode 点击run

运行截图

  • 首页

首页

  • 播放页

播放页

  • 全屏播放效果

播放全屏效果

使用的技术

  • 路由的使用,页面跳转及传参

  • 轮播图的使用,react-native-swiper

  • header组件的封装,支持多种场景的header

  • 基于react-native-video的视频组件二次定制,目前支持暂停、播放、进度条显示、全屏等功能

ToDos

  • 进一步封装视频组件的功能

  • 增加与后台的数据交互

  • 本地数据缓存

  • 性能优化

  • 将二次封装的视频组件抽离出来