新版StaggeredGrid(0.6.1)使用

Question

课程中使用的是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),
              )),
        ],
      ),
    );
  }

Answer 1

慕沐7535283 2022-03-11 11:10:29

这种写法对于数据较多的情况下是不是性能有点低，没有build方法

• 苏泊尔漫也要按时吃饭 #1

  是性能很低

Answer 2

CrazyCodeBoy 2022-03-08 19:34:06

厉害的，点赞