FLUTTER

Question

我正在用 flutter 开发一个 GridView。在每一行中，我都有 3 个项目。每个项目都是一个接受颜色用作背景颜色的小部件。

我想实现的是让颜色交替，这样

WHITE | BLACK | WHITE
BLACK | WHITE | BLACK
WHITE | BLACK | WHITE

问题是我不知道获取每个水平项的索引是什么。如何获得？

Answer 1

使用下面的代码你会得到你描述的精确输出

输出：-

代码:-

GridView.builder(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 3,
                  mainAxisSpacing: 16.0,
                  crossAxisSpacing: 16.0,
                ),
                itemCount: 9,
                itemBuilder: (context, index) {
                  return Container(
                    color: index % 2 == 0 ? Colors.white : Colors.black,
                  );
                },
              ),

Answer 2

GridView.builder(
  itemCount: 9,
  gridDelegate:
      SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
  itemBuilder: (BuildContext context, int index) {
    return Container(
      alignment: Alignment.center,
      color: (index % 2 == 0) ? Colors.white : Colors.black,
      child: ListTile(
        title: Text(
          'Rs-234554',
          style: TextStyle(color: Colors.red),
        ),
      ),
    );
  },
),

结果->

FLUTTER - 如何获取 GridView 水平索引？

FLUTTER - How to obtain the GridView horizontal index?

indexing

gridview