React Native 开源项目 - 仿猫眼电影客户端

5,238 阅读1分钟
原文链接: www.lcode.org

@yohnz做的纯React Native  仿猫眼电影客户端,开源地址:github.com/yohnz/maoya…

欢迎大家star,fork....

本开源项目由江清清的技术专栏整理(www.lcode.org/),转发请求注明来源

 项目介绍

这是一个仿猫眼电影的App,基于React Native构建。 由于找到的猫眼API并不完整,所以只能实现部分页面。 代码写得都很简单,欢迎一起交流学习。

React Native交流5群:386216878,欢迎各位大牛,React Native技术爱好者加入交流!

安装配置

1.Android

1.1进入maoyanFilm根目录,安装依赖:npm install

1.2连接手机机或者虚拟机

1.3运行react-native start react-native run-android

2.IOS

2.1进入maoyanFilm根目录,安装依赖:npm install

2.2XCode打开ios下的film.xcodeproj

2.3点击Run

运行效果

查看图片查看图片

查看图片查看图片

用到的技术

①.Flex 布局
②.Image/Text/ListView/TouchableOpacity/ToolbarAndroid/Navigator/ScrollView/ProgressBarAndroid等组件
③.ScrollView纵向、横向列表
④.Tabbar导航
⑤.Tab选项卡局部切换
⑥.ScrollView上拉加载
...

TODO

①.更多评论列表

②.影院列表页
③.影院详情页
④.选座页网上的API返回数据有问题
⑤.登录页