flutter 常用组件:列表ListView

本文介绍了Flutter中ListView组件的三种构建方式:常规构建适用于少量元素,ListView.builder适合大量子Widget,而ListView.separated则用于创建带有分割线的列表。通过itemBuilder动态创建子Widget可以提高性能,并详细讨论了ListTile的使用以及Divider的高度设置问题。
摘要由CSDN通过智能技术生成

文章目录


#1、通过构造方法直接构建
ListView 提供了一个默认构造函数 ListView,我们可以通过设置它的 children 参数,很方便地将所有的子 Widget 包含到 ListView 中。

不过,这种创建方式要求提前将所有子 Widget 一次性创建好,而不是等到它们真正在屏幕上需要显示时才创建,所以有一个很明显的缺点,就是性能不好。因此,这种方式仅适用于列表中含有少量元素的场景。

  Widget _listView(){
    return ListView(
        scrollDirection: Axis.vertical,//排列方向
        itemExtent: 140, //item延展尺寸(宽度)
        children: [
          Container(color: Colors.black),
          Container(color: Colors.red),
          Container(color: Colors.blue),
          Container(color: Colors.green),
          Container(color: Colors.yellow),
          Container(color: Colors.orange),
        ]);
  }

效果展示:
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

根据代码可以看出,children中添加了多个不同颜色的Container,每个Container实际就是列表页的一行cell,真正开发场

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值