查看原文
其他

“优购网” With React Native and Redux

2016-09-20 黎跃春 一起众创
关注我,你的眼睛会怀孕

MarsMobile----与一群浪漫而有思想的IT同行,一同分享那些有价值、有意思的文章!一起进步,只求今天比昨天进步一点点。


作者:黎跃春

本篇文章阅读时间:3分钟


         感谢徐小鸿童鞋的开源,开源地址: 基于ReactNative和Redux实现了电商类APP,持续更新,希望一起学习讨论.

1.这个app 主要使用Redux 结合所学的结合一些开源第三方实现!主要对购物车功能实现了实时监控!

2.多个UI界面的搭建,实现实时更变内容,后面会实时更新大家可以关注一下

3.使用大量模块封装使得,页面能重用!

暂时只适配iOS 后期会持续更新适配安卓 (如果暂时想适配安卓的可切换注释 TabBarView.js 的代码,基本能运行 效果比较差)

完成功能

(1)首页

(2)分类页面

(3)购物车完整功能

(4)个人页面

(5)性能优化

(6)运行截图

项目截图


运行

$ 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"

  }


微信:MarsMobile微博:MarsMobile

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存