Flutter ListView组件

Flutter ListView组件

列表布局是我们项目开发中最常用的一种布局方式。Flutter中我们可以通过ListView来定义列表项,支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。

分类:
1、垂直列表
2、垂直图文列表
3、水平列表4、动态列表
5、矩阵式列表(网格布局)

常用属性:

属性值类型说明
scrollDirectionAxis设置滚动的方向,horizontal(水平)或vertical(垂直)
reversebool是否翻转
itemExtentdouble滚动方向子控件的长度,垂直方向即为高度,水平方向即为宽度
controllerScrollController用来控制滚动位置及监听滚动事件
shrinkWrapbool是否根据子widget的总长度来设置ListView的长度
paddingEdgeInsetsGeometry间距
childrenList子控件

常用属性都比较简单,没啥好说的,我们来直接用一下

ListView(
      children: List.generate(30, (index) {
        return Container(
          alignment: Alignment.center,
          decoration: BoxDecoration(
            border: Border.all(color: Colors.red),
          ),
          child: Text("item${index}"),
        );
      }),
    );
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值