无限滚动PageView

Question

我想创建这个日期选择器

总共有7天，但当我滚动。我想把它重新设置为中间，只改变一个变量。我怎么能这么做？

Expanded(
  child: PageView.builder(
    onPageChanged: (value) => {},
    controller: PageController(viewportFraction: 0.175, initialPage: 3),
    scrollDirection: Axis.horizontal,
    itemCount:  7,
    itemBuilder: (context, index) => Date(index: index),
  ),
),

Answer 1

您可以使用视图包。遵循以下步骤：

1-在项目目录中打开终端或cmd，粘贴此命令并按enter：

flutter pub add loop_page_view

2-在代码中将PageView.builder更改为LoopPageView.builder：

Expanded(
  child: LoopPageView.builder(
    onPageChanged: (value) => {},
    controller: PageController(viewportFraction: 0.175, initialPage: 3),
    scrollDirection: Axis.horizontal,
    itemCount:  7,
    itemBuilder: (context, index) => Date(index: index),
  ),
),

3-完成！