• Stars
    star
    402
  • Rank 107,380 (Top 3 %)
  • Language
    Dart
  • Created almost 6 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

developed by Flutter/Flutter_Web

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