Как сделать так, чтобы виджеты соответствовали родителям, но также имели максимальную ширину?

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 в ConstrainedBox с maxWidth, который затем вы можете свободно выравнивать с его родителем, используя Align / Center

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