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(
       ...
    ),
  ),
)

如何使小部件与父项匹配但又具有最大宽度？

1 个答案: