如何使小部件与父级匹配，但也有最大宽度？

Question

我正在尝试在列中创建2个按钮，居中并与父级匹配。但是我想在横向模式/平板电​​脑的情况下为这个按钮设置最大宽度。

return Scaffold(
  body: SafeArea(
    child: Center(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          RaisedButton(
            elevation: 4.0,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(20.0),
            ),
            child: Text("A"),
            onPressed: () {},
          ),
          SizedBox(height: 12.0),
          RaisedButton(
            child: Text("b"),
            onPressed: () {},
          ),
        ],
      ),
    ),
  ),
);

现在按钮占据了整个屏幕。但我找不到设置大小约束的小部件或属性

Answer 1

你可以将你的Column包装成一个带有maxWidth的ConstrainedBox，然后你可以使用Align / Center自由地与它的父对齐

Align(
  alignment: Alignment.centerRight,
  child: ConstrainedBox(
    constraints: BoxConstraints(maxWidth: 300.0),
    child: Column(
       ...
    ),
  ),
)