直播网站程序源码，Flutter：列表布局摘要
方式1(推荐，适用大量item，动态创建item)：
ListView.builder( //列表布局
scrollDirection: Axis.vertical, //(默认)vertical垂直排列，horizontal水平排列
itemCount: 总个数, //item总个数
itemExtent: 高度值, //item高度(vertical)或宽度(horizontal)
itemBuilder: (BuildContext context, int index) { //列表滚动到index位置时，才构建此item
return item布局;
}
)
方式2(效果同方式2，item间添加分割线)：
ListView.separated( //列表布局
... //省略其他相同属性
itemCount: 总个数, //item总个数
itemBuilder: (BuildContext context, int index) { //列表滚动到index位置时，才构建此item
return item布局;
}
separatorBuilder: (BuildContext context, int index) { //分割器构造器
return Divider(color: Colors.black); //Divider为分割线
}
}
方式3(适用少量item)：
ListView( //列表布局
scrollDirection: Axis.vertical, //(默认)vertical垂直排列，horizontal水平排列
itemExtent: 高度值, //item高度(vertical)或宽度(horizontal)
//prototypeItem: 高度值, //效果等同itemExtent，与itemExtent互斥
shrinkWrap: false, //true时累加item总长度并设置ListView长度，(默认)false占用最大空间
children: <Widget>[ //item布局列表，提前将所有item构建好
...
]
)
以上就是直播网站程序源码，Flutter：列表布局摘要， 更多内容欢迎关注之后的文章