登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

高仿美团客户端 React-Native版,支持iOS、Android

[复制链接]
来自: huanxsd 分类: iOS精品源码 上传时间: 2017-4-19 09:12:53
Tag:Android 客户端

项目介绍:

美团客户端

支持: Android 4.1 (API 16)+   IOS(8.0+)
Github:https://github.com/huanxsd/MeiTuan

  iOS截图

Android截图

简介

这是一个用React-Native写的美团客户端。
使用了React-Native 0.42版本。遵循ES6语法。
主要实现了美团的四个一级页面(团购、附近、订单、我的),以及部分二级页面(团购详情、Web页面)。
所有功能都是用JavaScript写的,iOS和Android的代码复用率达到了97%(别问我这个数字怎么来的,我瞎掰的)。并且使用了比较简单的实现方式,让初学者能够容易理解。所有的JS代码都在src目录下。
目录结构

  • common
    通用的工具类

  • img
    所有图片资源

  • scene
    所有场景

  • widget
    通用的UI控件

  • api.js
    网络请求的接口

  • RootScene.js
    App的主入口,类似iOS中的RootViewController

该项目没有使用Redux。因为个人觉得目前大部分的中小型App并不需要Redux。如果盲目的将Redux添加到项目中,并不能带来太多的益处。
鲁迅曾说过:

"如果你不知道是否需要 Redux,那就是不需要它。"

Redux的作者 Dan Abramov 说过:

"只有遇到 React 实在解决不了的问题,你才需要 Redux 。"

哦,另外一个没有用Redux的原因,是我还不太会用。

App的页面跳转、TabBar、Navigation,全部通过第三方的库react-native-router-flux)实现。这是一个非常牛逼的库,可以实现很多自定义的跳转功能。

App中很多页面都使用了同一个网络接口,这不是为了让代码更加简洁,仅仅是我偷懒 >.<

第三方依赖

安装

1. Clone the repo

  `
  $ git clone https://github.com/huanxsd/MeiTuan.git
  $ cd MeiTuan
  `

2. Install dependencies (npm v3+)

  `
  $ npm install
  `

3. Running on iOS

  `
  $ react-native run-ios
  `

常见问题

Could not connect to development server

打开新的terminal窗口,并执行:

  `
  $ react-native start
  `

瞎扯蛋

我之前一直在写Objective-C,但不久前看了ES6的语法和Flex布局方式后,我便马上爱上了这种开发方式。
这个Demo花了大概5天时间,是我的第一个ReactNative项目。
如果对这个Demo有任何的意见或建议,或者喜欢ReactNative的朋友,欢迎通过QQ联系我
QQ: 67111677

最后

如果你喜欢这个Demo,请给我一个star   :)
Github:https://github.com/huanxsd/MeiTuan
code4app
我将持续更新这个Demo

相关源码推荐:

    我来说两句
    *滑动验证:
    所有评论(172)
    BlueManlove 2017-4-19 19:16:35
    支持,感谢,祝code4app越来越好~
    回复
    hellokenken 2017-4-19 19:17:07
    写的真的很不错
    回复
    kengsir 2017-4-19 19:17:45
    帮帮顶顶!!
    回复
    littleRed 2017-4-19 19:20:51
    感谢分享,code4app有你更精彩
    回复
    AlonMessi 2017-4-19 19:20:53
    内容很好,棒棒哒
    回复
    phoiu 2017-4-19 19:27:53
    感谢分享,code4app有你更精彩
    回复
    吴奎0123456 2017-4-20 08:50:16
    很给力,Code4App有你更精彩!
    回复
    code4app热心网友 2017-4-20 13:46:35
    楼主威武啊,Code4App有你更给力!
    回复
    lanjinglingxx 2017-4-20 14:49:16
    强烈支持楼主ing……
    回复
    提取码:  下载次数:147 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
    2472 2 147
    相关代码
      联系我们
      首页/微信公众账号投稿

      帖子代码编辑/版权问题

      QQ:435399051,742864542

      如何获得代码达人称号?

      代码贡献英雄榜
      用户名 下载数
      代码分类
      通过邮件订阅最新 Code4App 信息
      上一条 /4 下一条
      联系我们
      关闭
      合作电话:
      13802416937
      Email:
      435399051@qq.com
      商务市场合作/投稿
      问题反馈及帮助
      联系我们

      广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

      快速回复 返回顶部 返回列表