新版StaggeredGrid(0.6.1)使用
来源:6-6 基于StaggeredGridView封装首页双Feed列表

大唐小神
2022-03-08
课程中使用的是0.4.0,作者后续重构变动比较大,与老师讲课时所用的版本代码差异挺大的,因此特地去Github上查看了新版本的简单用法,有需要的小伙伴可以看看
List<VideoMo> videoList = [];
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: StaggeredGrid.count(
crossAxisCount: 2,
mainAxisSpacing: 4, //item间距
crossAxisSpacing: 4, //item间距
axisDirection: AxisDirection.down, //列表滚动方向 默认向下
children: [
if (widget.bannerList != null)
StaggeredGridTile.count(
crossAxisCellCount: 2, mainAxisCellCount: 1, child: _banner()),
...videoList.map((video) => StaggeredGridTile.count(
crossAxisCellCount: 1,
mainAxisCellCount: 1,
child: VideoCard(videoMo: video),
)),
],
),
);
}
写回答
2回答
-
慕沐7535283
2022-03-11
这种写法对于数据较多的情况下是不是性能有点低,没有build方法
012024-01-25 -
CrazyCodeBoy
2022-03-08
厉害的,点赞
00
相似问题