Skip to content

Zero1306/react-native-fruitStore

 
 

Repository files navigation

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

实现功能

  • 商品预览
  • 加入购物车
  • 商品的增删查改
  • 模拟支付
  • 清空购物车,还原商品初始状态
  • 模拟下拉加载
  • 页面的跳转和传值

效果演示

总体效果

begin

操作商品效果

state

购物流程效果

buy

参考文档

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

About

用react-native+mobx开发一个简单的迷你水果商城

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.9%
  • Objective-C 6.5%
  • Python 2.5%
  • Java 2.1%