Flutter GridView页脚(用于指示无限滚动的负载)

Jak*_*sen 13 scroll gridview infinite-scroll dart flutter

我有一个非常流畅的GridView.我在无限滚动的上下文中使用网格,每当滚动接近底部时,通过REST API加载更多项目.这里没问题.

但是我希望能够在网格底部显示一个加载指示器.此窗口小部件应跨越网格中的所有列,但仍应是可滚动内容的一部分.

我是Flutter的新手并且失去了如何实现这一目标.

我的(工作)GridView实例化如下:

return new GridView.builder(
  gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: _COLUMN_COUNT),
  controller: widget.scrollController,
  itemCount: widget.items.length,
  itemBuilder: (BuildContext context, int index) {
    return new _ItemView(item: widget.items[index]);
  },
);
Run Code Online (Sandbox Code Playgroud)

naj*_*ira 14

通过CustomScrollView包装SliverGrid:

return new CustomScrollView(slivers: <Widget>[
  new SliverGrid(
    gridDelegate: yourGridDelegate,
    delegate: yourBuilderDelegate,
  ),
  new SliverToBoxAdapter(
    child: yourFooter,
  ),
]);
Run Code Online (Sandbox Code Playgroud)