我正在尝试使用CrossAxisAlignment.stretch在一个列中放置2个部分的应用程序。 2个部分包含在“展开”中以填充垂直空间。顶部在“列”中有2个按钮,可保持按钮的高度,但将其拉伸到全宽,这正是我想要的。 下部有一个按钮,因此我使用了一个Container将其围起来,但随后按钮会拉伸到Container的整个宽度和高度。我尝试使用容器约束,但无法使其正常工作。 我可以使用Column而不是Container,但是正如文档所述:
如果您只有一个孩子,请考虑使用“对齐”或“居中”来放置孩子。
使用这些按钮中的任何一个都匹配按钮的宽度和高度,但是我找不到扩大宽度的方法。
final appScreen = Container(
margin: EdgeInsets.symmetric(horizontal: 40),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Expanded(
flex: 3,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
RaisedButton(
child: Text('Button 1'),
onPressed: null,
),
RaisedButton(
child: Text('Button 2'),
onPressed: null,
),
],
),
),
Expanded(
child: Container(
child: RaisedButton(
child: Text('Button 3'),
onPressed: null,
),
),
),
],
),
);