flutter实战之瑞幸咖啡,flutter高保真还原luckin coffee。
- 为什么会有这个项目?
了解到了flutter这个框架,并且和rn和uniapp的实现跨平台的思路完全不一样。做了一些demo之后,感觉挺有意思的,所以想做一个完整的项目,体验学习一下。
- 为什么用luckin coffee?
luckin coffee在网上能搜索到开源的原型+设计图,简直方便的不行。luckin coffee原型+设计图
Flutter 1.7.8+hotfix.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 20e59316b8 (4 weeks ago) • 2019-07-18 20:04:33 -0700
Engine • revision fee001c93f
Tools • Dart 2.4.0
- 完成所有页面的开发(不包括动画交互) tag: v1.0.0-完成所有页面的开发(不包括动画交互)
- 完成动画交互
- 优化代码
- 接入api工厂
- 准备app所需要的数据
- 完成联调
- code review
v1.0版本所遗留的问题
- 选择区号页面,动画效果(和iphone电话薄的效果一样)没有找到实现的方法。
- 待实现:菜单界面,点击左侧菜单,右侧商品列表跳转
- 待解决:从非toolbar页面跳转到toolbar页面的入场动画不一致
以上是上个版本遗留的问题 ----------------------------
- provider调研
- 接入provider
- 网络请求调研
- 在api工厂,准备app需要的数据(持续更新)
- 菜单联调
- 请求等待返回数据增加loading
- 商品详情联调
- 菜单和商品详情交互
- 使用provider实现加入购物车功能
- 购物车联调
- 购物车ui细节调整
- 订单交互
- 订单功能实现
- 猜你喜欢交互
- 猜你喜欢联调
.
├── lib // 项目源代码
│ ├── assets // 静态资源文件
| ├── components // 首页组件列表,包括所组件
│ ├── constants // 全局常量
│ ├── createIconfont.dart // 通过iconfont自动生成Icon
│ ├── main.dart // 入口文件
│ ├── pages // 页面
│ │ └── toolbar // 导航栏
│ ├── routes // 路由配置
│ ├── utils // 公用方法
│ └── widgets // 公用widge
├── readme // README.md相关