ReactNative 开源项目 --仿优购商城

作者: 徐小鸿同学 | 来源:发表于2016-09-07 10:41 被阅读5287次

-->(点我吧) ReactNative_Shopping

开源动力,仿优购网 use RN and Redux

主要实现电商基础界面和购物车功能

基于ReactNative和Redux实现了电商类APP,持续更新,希望一起学习讨论.
1.这个app 主要使用Redux 结合所学的结合一些开源第三方实现!主要对购物车功能实现了实时监控!
2.多个UI界面的搭建,实现实时更变内容,后面会实时更新大家可以关注一下
3.使用大量模块封装使得,页面能重用!
暂时只适配iOS 后期会持续更新适配安卓 (如果暂时想适配安卓的可切换注释 TabBarView.js 的代码,基本能运行 效果比较差)

完成功能

  • [x] 首页
  • [x] 分类页面
  • [x] 购物车完整功能
  • [x] 个人页面
  • [ ] 性能优化

运行截图

1.png 2.png 3.png 4.png 5.png

运行

$ git clone https://github.com/JasonStu/ReactNative_Shopping.git
$ cd ReactNative_Shopping
$ npm install
$ react-native run-ios

相关依赖

  "dependencies": {
    "react": "15.2.1",
    "react-native": "0.31.0",
    "react-native-nav": "^1.1.4",
    "react-native-scrollable-tab-view": "^0.5.3",
    "react-native-swiper": "^1.4.4",
    "react-native-tab-navigator": "^0.3.2",
    "react-native-vector-icons": "^2.0.3",
    "react-redux": "^4.4.5",
    "redux": "^3.5.2",
    "redux-logger": "^2.6.1",
    "redux-thunk": "^2.1.0"
  },

如果大家觉得有用欢迎给个start✨✨✨✨✨✨✨✨✨

相关文章

网友评论

  • 小张_ZR: react-native run-ios 后模拟器出现了constructor has no prop type for native prop rctview.zindex of native type nsinteger 怎么回事??
  • giants_one:报错
    我的环境:
    mac
    react-native-cli: 2.0.1
    react-native: 0.33.1
    giants_one:@js_lws 没继续了
    js_lws:请问你解决了么?
  • a57fb4760d5c:有没有用到日历,有的话教我一下怎么用
  • 大唐帝国:楼主,运行报错啊
  • f8e5107ee6c8:请问楼主怎样获取缓存大小,及清除缓存
  • 呼呼哥:Android 可以运行吗?
  • 幸福的李雨龙:全是三方库啊
    徐小鸿同学:@幸福的李雨龙 敢问大神你的开源在哪里
    幸福的李雨龙: @徐小鸿同学 自己造个轮子给大家用用呗,那才叫开源👿
    徐小鸿同学:@幸福的李雨龙 没必要造重复的轮子
  • 于连林520wcf:非常棒,收录到了 我的专题 《React Native》 中了

本文标题:ReactNative 开源项目 --仿优购商城

本文链接:https://www.haomeiwen.com/subject/iidjettx.html