flutter - 如何回收 List<Color> 索引？

Question

我有一个 ListViewBuilder ，它将基于 Firestore 数据库传播一个可重用的容器，它将拉出一个单独的颜色列表，例如这个颜色的可重用容器:

List<Color> colours = [
    Color(0xFFFB5A50),
    Color(0xFF26E29E),
    Color(0xFFffc452),
    Color(0xFF7773FB),
  ];

我的问题是，因为数据库中的列表数量可能超过 100。你会如何
连续重用颜色列表而不超出列表范围？

Answer 1

如果我理解正确，您可以使用运算符 %，例如:

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: ListView.separated(
      itemCount: 100,
      itemBuilder: (_, index) {
        return Container(
          height: 40,
          color: colours[index % colours.length],
        );
      },
      separatorBuilder: (_, index) => SizedBox(height: 8),
    ),
  );
}

有关此运算符的更多信息:dart operator % method