/react-native-fruitStore

用react-native+mobx开发一个简单的迷你水果商城，支持ios和android。Use react-native + mobx to develop a simple mini fruit mall that supports ios and android.

Primary LanguageJavaScriptMIT LicenseMIT

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

2018-12-15 更新

最近抽空把这项目的核心依赖全部升级了，具体更新如下:

  • react-native(0.57.7)
  • react-navigation(3.0.7)
  • mobX(5.7.0)
  • mobX-react(5.4.2)
  • 引入eslint、prettier
  • iphonexs等比较新的设备的支持
  • 根据react-navigation新的api重写路由
  • 优化购物车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 增加)

效果演示

设备支持

show

总体效果

begin

操作商品效果

state

购物流程效果

buy

参考文档

mobX文档

react-navigation

UI参考于这款微信小程序wxapp-mall

License

MIT