神刀安全网

maoyanFilm:仿猫眼电影的 App

maoyanFilm

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

运行

Android

  1. 进入maoyanFilm根目录,安装依赖: npm install
  2. 连接手机机或者虚拟机
  3. 运行 react-native start react-native run-android

IOS

  1. 进入maoyanFilm根目录,安装依赖: npm install
  2. XCode打开ios下的film.xcodeproj
  3. 点击Run

Android安装包

maoyanFilm:仿猫眼电影的 App

用到的React Native技术

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

Android演示:

(录制于原生安卓模拟器,真机效果会更流畅)

maoyanFilm:仿猫眼电影的 App

IOS截图:

maoyanFilm:仿猫眼电影的 App maoyanFilm:仿猫眼电影的 App maoyanFilm:仿猫眼电影的 App maoyanFilm:仿猫眼电影的 App

TODO

  • 更多评论列表
  • 影院列表页
  • 影院详情页
  • 选座页网上的API返回数据有问题
  • 登录页

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » maoyanFilm:仿猫眼电影的 App

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址