flutter_shop
一个Flutter的电商实战项目,包括首页、列表页、详细页、购物车页和会员中心,配有全套文字和视频教程。
- 星标
- 1228
- 复刻
- 377
- 最近推送(UTC)
- 2020年10月23日
- 项目状态
- 未归档
原始 README
以下为英文项目原文快照,最新内容请访问 GitHub。
Flutter的移动电商实战
项目和教程都在更新中............
完全模仿了百姓生活+小程序的项目,数据来自Fiddle提取,有完整的接口API文档。页面包括首页、商品列表页、商品详细页、购物车页面和会员中心。
目前项目还在开发当中,配有完整的视频和文字教程,是你Flutter进阶必备项目。
教程文章地址
教程文章地址(60节,超5万字教程,持续更新中):https://jspang.com/post/FlutterShop.html
用到的组件
- dio:用于向后端接口作HTTP请求数据
- flutter_swiper: 轮播插件,制作了商城首页的轮播效果
- flutter_screenutil:用于不同屏幕的适配,一次设计,适配所有屏幕
- url_launcher:用于打开网页和实现原生电话的拨打
- flutter_easyrefresh:下拉刷新或者上拉加载插件,方便好用,可定制。
- provide:谷歌最新推出的Flutter状态管理插件,亲儿子,用的爽。
- fluttertoast:Toast轻提示插件,APP必不可少,IOS和Android通用。
图片展示

所有项目知识点梳理

更新日志:
-
商品分类页面增加了打开详细页的功能。[2019/4/23]
-
更新首页的分类导航,跳转到分类页面,并且可以跟随变化。[2019/4/22]
-
商品详细页面主要UI布局完成,还有app的路由系统制作完成。[2019/4/4]
-
第一次上传项目到GitHub上,我已经写了35课教程,把首页和商品分类页面制作完成。[2019/3/28]
知识架构图
一起学习
我建立了一个QQ群,大家一起学习:
qq群:806799257
入群问题:Flutter出自于哪个公司?
入群答案:google (注意全小写,最好用电脑端加入,移动端Bug)
语言DartObjective-CJava
使用的依赖
依赖清单 14 项
- flutter
{"sdk":"flutter"} - cupertino_icons
^0.1.2 - dio
^2.0.7 - flutter_swiper
^1.1.4 - flutter_screenutil
^0.5.1 - url_launcher
^5.0.1 - flutter_easyrefresh
^1.2.7 - provide
^1.0.2 - fluttertoast
^3.0.1 - fluro
^1.4.0 - flutter_html
^0.9.6 - sqflite
^1.1.0 - shared_preferences
^0.5.1 - flutter_test开发依赖
{"sdk":"flutter"}
所在榜单
如何选择适合项目的代码仓?
先按使用场景筛选,再比较项目活跃情况,最后到原始仓库核对使用要求。
- 通过仓库名、作者或描述搜索,再按技术分类缩小范围。
- 结合星标、复刻与最近推送比较项目;星标反映社区关注,不代表质量保证。
- 使用前在 GitHub 核对 README、许可证与 Issues。
来源与维护
“A repository is the most basic element of GitHub.”
GitHub Docs — About repositories ↗