React-Native+Mobx开发一个简单的水果商城App

此项目是基于react-native 0.51 + mobx + react-navigation 来开发的，主要用mobx来模拟实现 浏览商品 => 加入购物车=> 结账 => 清空购物车 => 还原商品初始状态 这么一个流程

如果您对此项目感兴趣，可以点Star支持下，非常感谢！(๑•̀ㅂ•́)و✧

技术博客

项目运行

git clone https://github.com/shooterRao/react-native-fruitStore.git 或者直接下载

cd react-native-fruitStore

yarn

android: react-native run-android
ios: react-native run-ios

实现功能

• 商品预览
• 加入购物车
• 商品的增删查改
• 模拟支付
• 清空购物车，还原商品初始状态
• 模拟下拉加载
• 页面的跳转和传值
• 查看订单列表(2018/1/8 增加)

效果演示

总体效果

操作商品效果

购物流程效果

参考文档

Mobx文档 react-navigation UI参考于这款微信小程序wxapp-mall