去年和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吧
江南烟雨绕城郭，
白银盘里绕青螺。
天下儿女多才俊，
最是风流杜东阁
--目前就职于上海二三四五网络 希望和各路大神交流切磋。
网友评论