我正在尝试创建方形按钮,但是Expanded似乎不像使用容器那样工作。以下面的代码为例
new Expanded( flex: 2, child: new Column( children: <Widget>[ new Expanded( child:new Row( children: <Widget>[ new Expanded(child: new MaterialButton(...)), new Expanded(child: new MaterialButton(....)), new Expanded(child: new Container(color: Colors.red)), new Expanded(child: new Container(color: Colors.green)), ] ) ) ], ) ) ....
它显示两个按钮,这些按钮是水平展开的,而不是垂直展开的。同时,容器将水平和垂直扩展。如果执行以下操作,则会出现相同的效果:
new Expanded( flex: 2, child: new Column( children: <Widget>[ new Expanded( child:new Column( children: <Widget>[ new Expanded(child: new MaterialButton(...)), new Expanded(child: new MaterialButton(....)), new Expanded(child: new Container(color: Colors.red)), new Expanded(child: new Container(color: Colors.green)), ] ) ) ], ) ) ....
我将“行”更改为“列”的位置。这些按钮将垂直展开,但不会水平展开,而容器会同时执行这两个操作。
有没有一种方法可以使我的按钮在垂直和水平方向上扩展以适合其父级?
将crossAxisAlignment属性添加到您的Row;
crossAxisAlignment
Row
crossAxisAlignment: CrossAxisAlignment.stretch