如何在PagedGridView中实现加载图标的水平居中对齐？

解决方法 #

要调整PagedGridView加载更多时的指示器为水平居中，你只需要在PagedChildBuilderDelegate中自定义newPageProgressIndicatorBuilder参数，用Center组件包裹加载指示器即可，修改后的代码如下：

PagedGridView(
  pagingController: _pagingController,
  scrollController: _scrollController,
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      childAspectRatio: 5.2 / 8.0,
      crossAxisCount: 2,
      crossAxisSpacing: 1.5,
      mainAxisSpacing: 3.0,
      mainAxisExtent: 225),
  builderDelegate: PagedChildBuilderDelegate<Post>(
    itemBuilder: (context, item, index) {
      return AllNewsCard(
          allNews: newsHeadlineController.getAllNewsList[index]);
    },
    // 新增自定义加载更多指示器配置
    newPageProgressIndicatorBuilder: (context) {
      return const Padding(
        padding: EdgeInsets.symmetric(vertical: 16),
        child: Center(
          child: CircularProgressIndicator(),
        ),
      );
    },
  ),
)

如果需要修改加载指示器的样式、尺寸，直接调整CircularProgressIndicator的参数即可，上述代码里的Padding是为了给加载指示器添加上下留白，你可以根据需求自行调整数值。

内容的提问来源于stack exchange，提问作者prabin maharjan