练习篇：实现一个类似淘宝的商品展示列表页面

野性酷女 2022-12-09 11:42 355阅读 0赞

经过前面两大部分的详细讲解，相信大家对大部分的布局方式、组件的使用、逻辑业务编写都有了很深入的了解，那么接下来我们就用前面学习的一些知识来进行一个实践：实现一个淘宝风格的商品展示列表，通过这个实例我们可以复习巩固我们之前学过的知识，也算是一个总结与检验。本课练习篇主要是将通过一些组件、自定义组件、常用布局等知识点来完成一个淘宝风格的商品展示列表，一起来学习吧，很简单！

知识整理

在进行案例编写前，我们先整理下我们前面学习过的 Flutter 相关 Widget：

  • 基础组件（Text、Image、Button）
  • 基础组件（AppBar、AlertDialog、Icon）
  • 基础组件（TextField、Form表单）
  • 基础布局（Scaffold、Container、Center）
  • 基础布局（Row、Column、Flex、Expanded、Stack、IndexedStack）
  • 列表滚动组件（CustomScrollView、ListView、ScrollView、ExpansionPanel）
  • 导航组件（TabBar、NavigationBar、PageView）
  • 流式布局组件（Flow、Wrap）
  • 表格组件（Table、Data Tables）
  • 自定义组件

那么我们这节实践课，就通过以上我们学过的一些 Widget 和技术来布局一个淘宝商品列表的应用页面，练练手，也对之前的知识加深一下印象。

应用编写目标

本节课将用前面所学的一些布局 Widget 和组件 Widget

发表评论

表情：
评论列表 （有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读