第 2-1 课:列表滚动组件详解(CustomScrollView、ListView、ScrollView、ExpansionPanel)...

松阳泽
2023-12-01

这节课将继续讲解 Flutter 的常用组件中的列表滚动组件。

在实际开发中,会经常涉及到列表滚动。在 Flutter 中可以滚动的组件容器有很多,如 ScrollView、ListView、GridView、CustomScrollView 等等。那么这节课就带领大家对 Flutter 的常用组件中的列表滚动组件进行详细分析讲解,并结合案例进行详细的用法讲解。

本文将主要介绍:

  • CustomScrollView Widget 用法详解
  • ListView Widget 用法详解
  • GridView Widget 用法详解
  • ScrollView 相关知识点讲解
  • ExpansionPanel Widget 用法详解

CustomScrollView Widget 用法详解

CustomScrollView 是一个可以自己通过 Flutter 里的 sliver 来组装滚动 Widget 的一个控件,里面可以放置任何我们需要滚动的 Widget,也是相对来说最常使用的一个滚动组件。

我们看下 CustomScrollView 的继承关系:

CustomScrollView -> ScrollView -> StatelessWidget

CustomScrollView 是一个无状态组件,继承自 ScrollView,也扩展了 ScrollView 的功能。

CustomScrollView 最大的特点就是内部的组装的滚动组件都是 Sliver 特性的,也就是必须是 Sliver 可滚动块的 Widget 才可以,如:CustomScrollView 内部可以放置 SliverList、SliverFixedExtentList、SliverGrid、SliverPadding、SliverAppBar

 类似资料: