在网格视图的中央底部显示小部件

Question

我有一个2/3列的gridview，当用户滚动到末尾时，我想在网格的底部中心显示一个加载指示器。将加载指示器添加为网格的最后一个元素看起来并不好，因为它没有居中。这可能吗？

代码段：

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2, childAspectRatio: 480 / 315),
  controller: controller,
  itemCount: videos.length + 1,
  itemBuilder: (context, index) {
    if (index == videos.length) {
      //show loading indicator at last index
      return SpinKitThreeBounce(
               color: Colors.white,
               size: 35.0,
            );
    }
    return VideoItem(video: videos[index]);
  },
);

我有：

我想要的是：

Answer 1

您可以使用Center小部件：

if (index == videos.length) {
      //show loading indicator at last index
     return Center(
      child: SpinKitThreeBounce(
               color: Colors.white,
               size: 35.0,
            ),
        );
    }