我们在 上一章回中介绍了"自定义TimePicker"相关的内容,本章回中将介绍滚动布局的使用示例.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在本章回中介绍的滚动布局和Android原生开发中的ScrollView
组件类似,当屏幕中的内容多到无法通过一个屏幕完整显示时,它可以滚动显示这些内容。
在Flutter中没有单独的滚动组件,而是通过ListView
相关的组件来表示滚动布局,这些相关的组件有GridView
,SliverList
。本章回中将以ListView为例来介绍滚动布局。
2. 使用方法
我们使用Stack
组件来做为页面的布局,它可以分成多行内容,具体的切分方法我们会在后面的章节中介绍,本章回中的滚动布局只是其中的一行,因此它是一种局部的滚动布局。下面是实现滚动布局的具体方法:
- 使用Positioned组件来限定滚动布局所在的区域范围;
- 在Positioned组件内包裹一个ListView组件&