有没有办法在Flutter中使用PageView进行无限循环？

Question

有没有办法在Flutter中使用PageView进行无限循环？例如,如果我的PageView有5页,在刷到第5页后,我将能够以相同的方向再次滑动以进入第1页.

Answer 1

默认情况下,PageView是无限的.除非你提供itemCount.

以下将无限打印0到4页

final controller = new PageController(initialPage: 999);
 ...

new PageView.builder(
      controller: controller,
      itemBuilder: (context, index) {
        return new Center(
          child: new Text('${index % 5}'),
        );
      },
)

Answer 2

如果您有预定义的小部件列表，则可以使用以下方法实现连续滚动：

return PageView.builder(
  itemBuilder: (context, index) {
    return _children[index % _children.length];
  },
  controller: pageController,
);

Answer 3

我使用这个库找到了一个很好的解决方案 https://pub.dev/packages/infinity_page_view

只需导入库并使用InfinityPageView而不是PageView

InfinityPageView(
  controller: infinityPageController,
  itemCount: colorList.length,
  itemBuilder: (context, index) {
    return Container(
      color: colorList[index];
    );
  },
)