面试题：Flutter中GridView构建网格界面时如何设置固定的列数和行数

Question

在Flutter的GridView组件构建网格界面时，若想设置固定的列数为3，固定的行数为5，且每个网格子项显示一个简单文本，应如何编写代码实现？请给出关键代码片段并简要解释。

Answer 1

1. 关键代码片段：

GridView.count(
  crossAxisCount: 3,
  children: List.generate(15, (index) {
    return Center(
      child: Text('Item $index'),
    );
  }),
)

2. 简要解释：
   • GridView.count 是Flutter中用于构建具有固定数量列的网格布局的组件。
   • crossAxisCount: 3 设置了网格的列数为3 。
   • children 接受一个 Widget 列表，这里使用 List.generate 生成15个（因为要固定行数为5，列数为3，(3\times5 = 15) ）子项。每个子项是一个 Center 包裹的 Text 组件，Text 组件显示 “Item (index)”，其中 index 是 List.generate 生成列表时的索引值。这样就实现了一个固定3列5行，每个网格子项显示简单文本的网格界面。