如何在 Flutter 上实现具有延迟加载功能的交错网格视图？答案

【问题标题】：How can I implement Staggered Grid View with Lazy Loading feature on Flutter?如何在 Flutter 上实现具有延迟加载功能的交错网格视图？
【发布时间】：2019-09-20 13:48:30
【问题描述】：

我正在尝试在 Flutter 上创建一个带有交错网格视图的壁纸应用程序，为此，我正在尝试在 Flutter 上使用交错网格视图包 (https://pub.dartlang.org/packages/flutter_staggered_grid_view)。但问题是，我的壁纸列表越来越大，同时加载所有图片需要很长时间。

经过一番搜索，我发现了 Flutter-Pagewise Package，但不知道如何使用交错网格视图实现。

【问题讨论】：

使用 StaggeredGridView.builder / StaggeredGridView.countBuilder 构造函数
好吧！它们只是用于构建网格视图，不是吗？还是他们也能处理延迟加载之类的事情？
dev.to/fallenstedt/building-widgets-on-demand-with-flutter-48dd
嗨@ltzkhan 你找到解决方案了吗？我也有同样的问题。
抱歉 Zeck，我无法解决问题。

标签： android flutter lazy-loading flutter-layout staggered-gridview

【解决方案1】：

最好的办法是创建一个 ScrollController()

初始化滚动控制器以在项目长度结束时接收通知，确保将此控制器添加到交错网格视图。

 _scrollController.addListener(() {
  if (_scrollController.position.pixels ==
      _scrollController.position.maxScrollExtent) {
    _getmoreData();
  }
});

你可以像这样初始化交错网格视图

StaggeredGridView.countBuilder(
                          controller: _scrollController,
                          crossAxisCount: 2,
                          itemcount: length + 1)

在构建器内部检查索引是否等于长度，您可以显示圆形进度指示器或您选择的指示器。

【讨论】：