Pakete, Repositories und App-Kategorien suchen

GitHub-Repositoryshenghy/flutter_shop

flutter_shop

Ein praktisches Flutter-E-Commerce-Projekt mit Startseite, Listenansicht, Detailseite, Warenkorbseite und Mitgliedercenter, inklusive vollständiger Text- und Video-Tutorials.

Projektcover von flutter_shop
Sterne
1228
Forks
377
Letzter Push (UTC)
23.10.2020
Projektstatus
Aktiv

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf 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)

技术胖 GitHub avatar
GitHub-Autor

技术胖 ↗

我从2007年开始从事编程工作,头发也随着经验的增长,慢慢的离开了我。 目前作为一个秃头程序员,已经有7年以上的时间了。 业余爱好就是写写博客,录录视频课程。

百姓集团BeiJingOffizielle Website ↗
SprachenDartObjective-CJava

Verwendete Abhängigkeiten

Abhängigkeiten 14 Einträge

Ranglisten

Wie wähle ich ein passendes Repository?

Nach Anwendungsfall filtern, Aktivität vergleichen und vor der Nutzung das Originalprojekt prüfen.

  1. Nach Name, Autor oder Beschreibung suchen und nach Thema eingrenzen.
  2. Sterne, Forks und letzte Pushes vergleichen. Sterne zeigen Interesse, garantieren aber keine Qualität.
  3. Vor der Nutzung README, Lizenz und Issues auf GitHub prüfen.

Quellen und Pflege

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗