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

Question

我有一个 GridView如下图所示。我想把它分成更小的 GridView s 之间有一个分隔符。
然而，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

您可以使用 itembuilder 中的索引来了解您正在生成哪一组 6。
改名index在 itemBuilder至itemBuilderIndex像这样:itemBuilder: (BuildContext context, int itemBuilderIndex) {并这样做以获得您想要的计算数字:'${(itemBuilderIndex * 6) + index} AM'(6 是您每个段拥有的项目数)