我想写个网格布局,下图中红色的子组件平均分布,居中显示
请问绿色的网格布局如何自适应红格子的高度呢?
我尝试的写法:
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,
去掉后无法运行,
请问如何让这个高度自适应子组件的高度和呢?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…