仅在内部扩展宽度的窗口小部件

时间:2020-05-05 11:28:56

标签: flutter-layout

我正在尝试使用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,
          ),
        ),
      ),
    ],
  ),
);

app screenshot

0 个答案:

没有答案