如何在多个项目之间分配空间

Question

我正在尝试添加一个覆盖屏幕前20％的图像，而其他 80％应该是一个网格。图像需要在正文中，不在Appbar上。我制作了网格卡，然后我尝试将图像和网格放在一列中。实施如下。

Population	haplotype1	haplotype2
	1	    2		    0
	2	    1		    4

}

我收到以下错误

Population	haplotype1	haplotype2
	1	    1		    0
	1	    1		    0
	2	    1		    0
	2	    0		    1
	2	    0		    1
	2	    0		    1
	2	    0		    1

任何建议都非常感谢。提前谢谢。

Answer 1

要在多个项目之间分配空间，您应该使用Expanded小部件，如下所示：

return new Column(
  children: <Widget>[
    new Expanded(
      flex: 2,
      child: new Container(
        color: Colors.red,
      ),
    ),
    new Expanded(
      flex: 8,
      child: new Container(//use your Gridview instead 
        color: Colors.green,
      )
    )
  ],

);