Skip to content

xqwIOS/PSMeiTuan

 
 

Repository files navigation

PSMeiTuan

React Native实现的仿"美团"

博客介绍

http://www.cnblogs.com/pengsi/

暂时只是对项目中使用到知识点和自己遇到的疑难点进行了介绍,后面会进行总体的介绍,方便大家的学习.

声明

本项目纯属学习,没有任何其他恶意用途,若有任何侵犯到您的权益,请您在第一时间联系我。我会尽快删除。

截图


image image image image image image image image image image image


实现和内容

在这个React Native仿"美团"项目中,你可以看到以下内容: 1>美团页面效果实现,学习基础组件; 2>React Native项目的目录结构; 3>对于项目中常用的组件,我都进行了封装,方便后续项目的使用; 4>代码规范; 5>添加常用功能的实现的Demo,方便不了解的同学学习和自己以后的使用;

期待

其实整个项目没有任何难点,项目中当然也存在着些许错误与设计上不合理的地方,如果您有任何好的想法、建议、意见。欢迎您联系我([email protected])。我们共同学习。

注意

测试账号:

账号: admin

密码: 123456

运行步骤:

git clone https://github.com/PengSiSi/PSMeiTuan

npm install

react-native run-ios 或者 react-native run-android

后续工作

由于时间有限,本着自己学习和掌握React Native的目的,目前实现了美团大部分的页面展示功能,更多的学习到的React Native知识我在后续的时间会逐渐的补上,目前主要工作为对项目代码的整理,使其代码更加优雅。大致欠缺内容。项目中虽然有很多公共的部分,但是为了方便阅读代码,还是把各个模块独立出来了。

  • 1、代码的优化;

  • 2、React Native基础知识的学习;

  • 3.Redux的学习和掌握;

  • 4、第三方组件的学习和研究;

  • 5、对常用界面的编码实现,锻炼自己的编码能力和学习能力;

第三方组件

  • antd-mobile

  • react-native-calendars

  • react-native-image-crop-picker

  • react-native-image-picker

  • react-native-picker

  • react-native-pull

  • react-native-scrollable-tab-view

  • react-native-storage

  • react-navigation

  • react-redux

  • redux

  • redux-thunk

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.9%
  • Objective-C 3.1%
  • Other 1.0%