flutter gridview 修改item 大小
时间: 2024-03-20 09:45:05 浏览: 124
要修改 `GridView` 中每个 `item` 的大小,可以使用 `GridView.builder` 构建一个 `Grid`,然后在 `itemBuilder` 回调函数中返回一个带有自定义大小的 `Container`。
以下是一个简单的示例:
```dart
GridView.builder(
itemCount: 10,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemBuilder: (BuildContext context, int index) {
return Container(
height: 100, // 自定义高度
width: 150, // 自定义宽度
color: Colors.blueGrey,
child: Center(
child: Text('Item $index'),
),
);
},
);
```
这个示例中,我们创建了一个有 10 个 `item` 的 `GridView`,使用 `SliverGridDelegateWithFixedCrossAxisCount` 固定每行的 `item` 数量为 2。在 `itemBuilder` 中,我们返回一个高度为 100,宽度为 150 的 `Container`,并将其作为一个 `item` 显示。
你可以根据需要自定义每个 `item` 的大小。
阅读全文