Home Articles

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

Asked
Viewed 1586 times
0

我正在尝试在列中创建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: () {},
          ),
        ],
      ),
    ),
  ),
);

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

1 Answer

  • 1

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

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

Related