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