新版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方法

0
1
苏泊尔漫也要按时吃饭
是性能很低
2024-01-25
共1条回复

CrazyCodeBoy

2022-03-08

厉害的,点赞

0
0

Flutter高级进阶实战-仿哔哩哔哩-掌握Flutter高阶技能

一次性掌握Flutter高阶技能+商业级复杂项目架构设计与开发方案

1722 学习 · 870 问题

查看课程