如何在 Flutter 中设置按钮的宽度和高度？

在Flutter中，设置按钮的宽度和高度可以通过多种方式实现，主要依赖于按钮的类型以及布局的需求。以下是一些常见的方法：

使用 SizedBox包裹按钮

使用 SizedBox来固定按钮的宽度和高度是最直接的方法。例如，如果您想设置一个 ElevatedButton的宽度为150像素，高度为50像素，您可以这样做：

dart
SizedBox(
  width: 150.0,
  height: 50.0,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('点击我'),
  ),
);

使用 ButtonStyle中的 minimumSize

从Flutter 2.0起，ElevatedButton、TextButton 和 OutlinedButton 都支持 ButtonStyle，您可以通过 ButtonStyle来设置按钮的最小宽度和高度。例如：

dart
ElevatedButton(
  style: ButtonStyle(
    minimumSize: MaterialStateProperty.all(Size(150.0, 50.0)),
  ),
  onPressed: () {},
  child: Text('点击我'),
);

使用 Container包裹按钮

类似于使用 SizedBox，您也可以使用 Container来设置尺寸，这在需要同时添加其他样式（如装饰）时尤其有用：

dart
Container(
  width: 150.0,
  height: 50.0,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('点击我'),
  ),
);

使用布局约束

在更复杂的布局中，您可能需要根据布局的其他部分动态调整按钮的大小。这时，可以使用如 Flex, Expanded或者 Flexible等布局小部件。例如，使按钮在 Row中占满所有可用空间：

dart
Row(
  children: <Widget>[
    Expanded(
      child: ElevatedButton(
        onPressed: () {},
        child: Text('点击我'),
      ),
    ),
  ],
);

这些是设置Flutter中按钮宽度和高度的几种常见方法。