如何在Flutter中增加GridView中的索引？

Question

我有一个如下所示的GridView。我试图将它分割成较小的GridView，并在它们之间有一个分隔符。

但是，从0到5的元素不断重复，而不是显示一个连续的列表。我正在尝试以6为一批继续元素，其中第一批是0-5，下一批是6-11，依此类推。

这是我的代码：

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView.separated(
      separatorBuilder: (context, int) {
        return Divider(color: Colors.black,);
      },
     // shrinkWrap: true,
      itemBuilder: (BuildContext context, int index) {
        return GridView.count(
          shrinkWrap: true,
          crossAxisCount: 3,
          childAspectRatio: 2.0,
          children: List.generate(6, (index) {
            return Center(
              child: RaisedButton(
                onPressed: (){},
                color: Colors.greenAccent,
                child: Text(
                  '$index AM',
                ),
              ),
            );
          }),
        );
      },
      itemCount: 4,
    ));
  } 

这是GridView的外观：

​

​

Answer 1

您可以使用项目构建器中的索引来了解您正在生成的是哪个6人组。

将itemBuilder中的名称index更改为itemBuilderIndex，如下所示：

itemBuilder: (BuildContext context, int itemBuilderIndex) {

并执行此操作以获得您想要的计算数字：

'${(itemBuilderIndex * 6) + index} AM'

(6是您每个细分市场的项目数)