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

lskq00tm 于 2023-10-22 发布在 Flutter

关注(0)|答案(2)|浏览(129)

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

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

flutter

来源：https://stackoverflow.com/questions/70182878/how-to-reduce-the-size-of-elevatedbutton-without-hardcoding-the-values

2条答案

按热度按时间

67up9zun1#

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

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。

赞(0）回复(0）举报 2023-10-22

cqoc49vn2#

你可以这样做：

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

赞(0）回复(0）举报 2023-10-22

我来回答

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

2条答案

相关问题

热门标签

最新问答