flutter GridView.builder 超过父级高度自动比例缩放该怎么写
时间: 2024-03-03 20:49:09 浏览: 80
你可以在 `GridView.builder` 的 `shrinkWrap` 属性设置为 `true`,这样就可以让 `GridView` 自适应其子项的高度,然后再将 `GridView` 放到一个 `ListView` 中,让 `ListView` 来滚动。具体代码演示如下:
```dart
ListView(
children: [
GridView.builder(
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
mainAxisSpacing: 8.0,
crossAxisSpacing: 8.0,
),
itemCount: 6,
itemBuilder: (BuildContext context, int index) {
return Container(
height: 100.0,
color: Colors.blue,
);
},
),
],
);
```
在这个例子中,我们将 `GridView.builder` 的 `shrinkWrap` 属性设置为 `true`,然后将 `GridView` 放在一个 `ListView` 中。由于 `ListView` 默认会根据其子项的高度来自适应高度,所以 `GridView` 中的子项高度超过 `ListView` 高度时,`GridView` 会自动缩放,同时 `ListView` 也会自动滚动。
阅读全文