# Flutter_shop

**Repository Path**: hmbbx/Flutter_shop

## Basic Information

- **Project Name**: Flutter_shop
- **Description**:  A shop  app developed by Flutter 
- **Primary Language**: Dart
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2019-04-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

[写了一篇学习总结 并整理大量学习资料](http://kunkun12.com/2018/12/03/flutter-study/)


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

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

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

![](/screenshot/qrcode.png)

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


![](/screenshot/1.gif)


Hero 、PageView实现图片预览

![](/screenshot/5.gif)


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


![](/screenshot/2.gif)


- 3、发现 图文大列表


![](/screenshot/3.gif)


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


![](/screenshot/4.gif)



[Flutter 学习总结](http://kunkun12.com/2018/12/03/flutter-study/)