Flutter 中GridView 嵌套 在 Flex Row Column 中不显示
时间: 2024-02-20 16:58:58 浏览: 99
Flutter GridView网格布局
这个问题可能是由于 Flex 布局的特性导致的。在使用 Flex 布局的时候,子控件会自动根据剩余空间进行调整。而 GridView 作为一个滚动控件,通常是需要占满整个屏幕的,而不是根据剩余空间进行调整的。
解决这个问题的方法是,在使用 GridView 的时候,需要将其包裹在一个 Expanded 或者 SizedBox 中。这样,GridView 就会占满 Flex 容器的空间,而不会被 Flex 布局所影响。
示例代码:
```
Column(
children: [
Expanded(
child: GridView.builder(
itemCount: 10,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemBuilder: (context, index) {
return Text('Grid Item $index');
},
),
),
Text('Other Content'),
],
)
```
阅读全文