请问 flutter 网格布局 高度如何自适应子组件？

Question

我想写个网格布局，下图中红色的子组件平均分布，居中显示

请问绿色的网格布局如何自适应红格子的高度呢？

我尝试的写法：

Widget build(BuildContext context) {
    return Container(
      height: 300,
      child: GridView.count(
        padding: EdgeInsets.all(10),
        crossAxisSpacing: 10,
        crossAxisCount: 3,
        mainAxisSpacing: 10,
        children: List.generate(
          9,
          (index) {
            return Container(
              width: 5.0,
              height: 5.0,
              alignment: Alignment.center,
              child: Text(
                '-',
                style: TextStyle(color: Colors.white, fontSize: 20),
              ),
              color: Colors.blue,
            );
          },
        ),
      ),
    );
  }

渲染出来的效果:

这样写第三行 height: 300, 去掉后无法运行，

请问如何让这个高度自适应子组件的高度和呢？

Answer 1

GridView.count(
          shrinkWrap: true,
          )

加个这个属性