列表重复结尾/类似轮播

Question

我有一个小图标列表，并且希望在到达列表末尾时重复显示这些图标（作为屏幕上同时显示约> 8个项目的轮播），用户可以在其中选择元素以显示不同的内容。 / p>

在这种情况下有可用的小部件吗？

Answer 1

PageView

您可以为此使用PageView，即专门使用PageView.builder。

到达页面末尾时，您可以使用模来循环您的项目：

PageView.builder(
  itemBuilder: (context, index) => Icon(icons[index % 8]),
  // ...
)

在此示例中，您将拥有8个图标，这些图标将返回给构建器，并且一旦用户滚动列表中的第九个项目，第一个图标就会再次显示，依此类推。

ListView

如果您喜欢这种行为，也可以使用ListView进行同样的操作，即专门使用ListView.builder：

ListView.builder(
  itemBuilder: (context, index) => Icon(icons[index % 8]),
  // ...
)