React Native实现的仿"美团"
http://www.cnblogs.com/pengsi/
暂时只是对项目中使用到知识点和自己遇到的疑难点进行了介绍,后面会进行总体的介绍,方便大家的学习.
本项目纯属学习,没有任何其他恶意用途,若有任何侵犯到您的权益,请您在第一时间联系我。我会尽快删除。
在这个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