React Native 美团项目。

        去年和React Native 有过一面之缘，但忙于项目和学习swift，如今又想入坑，重新唤起学习React Native的兴趣，大公司一直对新技术比较推崇，我们虽然项目中没有用，但也有过这方面的分享。作为程序员，时刻保持一颗学习的心，在慨叹Facebook的技术牛逼，也想学习一番，组件化思想还是比较牛逼的。自己摸索的一周左右，也是云里雾里，准备用一个小项目总结一下自己的所学。接下来的一段时间，我也会陆续写一些关于这方面的东西，由于工作问题，可能中间会有停滞，但不会停下，直到这个项目完结。记录一下自己所学。关于这方面的东西，也是边学边用，有一个不错的中文网站，希望可以把基础知识打牢。React Native 中文网。

       这次模仿写了个美团项目，接口不全，只能部分功能，如有时间，会继续补全。

去年和React Native 有过一面之缘，但忙于项目和学习swift，如今又想入坑，重新唤起学习React Native的兴趣，大公司一直对新技术比较推崇，我们虽然项目中没有用，但也有过这方面的分享。作为程序员，时刻保持一颗学习的心，在慨叹Facebook的技术牛逼，也想学习一番，组件化思想还是比较牛逼的。自己摸索的一周左右，也是云里雾里，准备用一个小项目总结一下自己的所学。接下来的一段时间，我也会陆续写一些关于这方面的东西，由于工作问题，可能中间会有停滞，但不会停下，直到这个项目完结。记录一下自己所学。关于这方面的东西，也是边学边用，有一个不错的中文网站，希望可以把基础知识打牢。React Native 中文网

再来看看安卓端

# 高仿美团客户端 React-Native版(0.44.0)

## 简介

这是一个用React-Native写的美团客户端。

使用了React-Native 0.44.0版本。遵循ES6语法。

主要实现了美团的四个一级页面（团购、附近、订单、我的），以及部分二级页面（团购详情、Web页面）。

所有功能都是用JavaScript写的，iOS和Android的代码复用率达到了100%（因为只写了一套代码）。

开发时所用的工具是webStrom. 安装破解汉化 。http://www.jianshu.com/p/97bb2096c24c。

App的页面跳转、TabBar、Navigation，全部通过[react-navigation](https://github.com/react-community/react-navigation)实现。这是一个非常牛逼的库，可以实现很多自定义的跳转功能。最早是通过[react-native-router-flux](https://github.com/aksonov/react-native-router-flux)实现跳转。在遇见react-navigation后，我果断放弃了react-native-router-flux。

App中很多页面都使用了同一个网络接口，这不是为了让代码更加简洁，因为接口有限😑 >.<

## 第三方依赖

* [react-navigation](https://github.com/react-community/react-navigation)

* [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view)

## 安装

1. **Clone the repo**

```

$ git clone https://github.com/dudongge/DDGMeiTuan.git

$ cd DDGMeiTuan

```

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

```

## 如果对您有帮助，开心的给个star吧

江南烟雨绕城郭，

白银盘里绕青螺。

天下儿女多才俊，

最是风流杜东阁

--目前就职于上海二三四五网络 希望和各路大神交流切磋。

Github：https://github.com/dudongge/DDGMeiTuan