如何在不硬编码值的情况下减小 ElevatedButton 的大小

Question

我想减少宽度，而不是通过指定 minWidth 和 minHeight 来硬编码该值，我希望它在所有设备上看起来都相同。

ElevatedButton.icon(
              onPressed: () {},
              icon: Icon(Icons.arrow_forward_ios_sharp),
              label: Text('Plus One'),
            )

Answer 1

使用媒体查询明智地为您的解决方案使用宽度，该解决方案在小屏幕和大屏幕上运行相同

 Container(
            width: MediaQuery.of(context).size.width * 0.5, // Will take 50% of screen space
            child: RaisedButton(
              child: Text('Go to screen two'),
              onPressed: () {},
            ),
          )

您也可以将类似的解决方案应用于 SizeBox。

Answer 2

你可以这样做：

ElevatedButton(
    onPressed: () {},
    child: Row(
      mainAxisSize: MainAxisSize.min,
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // Icon
        // Text
      ],
    ))