Flutter ListView组件
列表布局是我们项目开发中最常用的一种布局方式。Flutter中我们可以通过ListView来定义列表项,支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。
分类:
1、垂直列表
2、垂直图文列表
3、水平列表4、动态列表
5、矩阵式列表(网格布局)
常用属性:
属性 | 值类型 | 说明 |
---|---|---|
scrollDirection | Axis | 设置滚动的方向,horizontal(水平)或vertical(垂直) |
reverse | bool | 是否翻转 |
itemExtent | double | 滚动方向子控件的长度,垂直方向即为高度,水平方向即为宽度 |
controller | ScrollController | 用来控制滚动位置及监听滚动事件 |
shrinkWrap | bool | 是否根据子widget的总长度来设置ListView的长度 |
padding | EdgeInsetsGeometry | 间距 |
children | List | 子控件 |
常用属性都比较简单,没啥好说的,我们来直接用一下
ListView(
children: List.generate(30, (index) {
return Container(
alignment: Alignment.center,
decoration: BoxDecoration(
border: Border.all(color: Colors.red),
),
child: Text("item${index}"),
);
}),
);