如何在 Flutter 上使用延迟加载功能实现交错网格视图？

Question

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

经过一番搜索，我遇到了 Flutter-Pagewise Package，但不知道如何使用 Staggered Grid View 实现。

Answer 1

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

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

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

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

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

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