/Flutter_shop

developed by Flutter/Flutter_Web

Primary LanguageDart

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 学习总结