Flutter Shop

Flutter 商城案例Demo 支持Android iOS 以及Web(web版代码在 web分支 可以用手机访问 http://kunkun12.com/Flutter_shop 来体验) :主要功能包括

  • 首页多楼层展示 楼层进入视口动画、
  • 搜索 提示列表、搜索结果列表。
  • 分类页面弹性滑动
  • 发现 大列表,
  • ScopeModel 状态管理购物车、
  • 国际化支持、屏幕适配等。

写了一篇学习总结 并整理大量学习资料

由于截图录制原因,实际运行效果要更流畅,动画以及滑动,路由转场等效果体验上与native无明显差距。 项目中用到的模拟数据仅用于技术研究

打包后 android APK大小为 6M,ios的包大小为12M

Android apk 可以扫码下载 (iOS版本请自行编译)

  • 1、首页+搜索 判断组件出现在屏幕中、添加动画、首页横滑多Tab 加载图片列表,以及搜索功能、自带的bottombar高度不合适,自定义BottomBar

Hero 、PageView实现图片预览

  • 2、商品分类页 弹性下滑分页

  • 3、发现 图文大列表

  • 4、购物车 scopeModal实现状态管理

Flutter 学习总结

New
(321)
• Released: Apr 21, 2020, 01:33 PM

Flutter Shop

Author: kunkun12
Item was Featured Author was Featured Bought between 100 and 500 items Referred more than 1000 members Author had a Free File of the Month Contributed a Blog Post Helped protect FrontendFun against copyright violations Reviewer FrontendFun Developer Site Administrator Moderator Blog Editor
FREE
A shop app developed by Flutter/Flutter_Web size
git clone https://github.com/kunkun12/Flutter_shop.git