如何不硬编码数值缩小ElevatedButton尺寸并保证多设备显示一致

要实现不指定固定minWidth、minHeight减小ElevatedButton宽度，且保证全设备显示效果一致，可通过以下两种方案实现：

方案1：宽度自适应内容 #

按钮宽度完全跟随图标、文本内容自动适配，无硬编码固定尺寸：

ElevatedButton.icon(
  onPressed: () {},
  icon: Icon(Icons.arrow_forward_ios_sharp),
  label: Text('Plus One'),
  style: ElevatedButton.styleFrom(
    // 移除按钮默认的最小宽高约束
    minimumSize: Size.zero,
    // 调整内边距控制按钮紧凑度，可按需修改数值
    padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
    // 可选：让点击热区和按钮实际尺寸一致，取消默认额外点击区域
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
  ),
)

方案2：宽度按屏幕比例适配 #

如果需要按钮宽度占屏幕的固定比例，可通过MediaQuery动态计算，无需写死宽度数值：

ElevatedButton.icon(
  onPressed: () {},
  icon: Icon(Icons.arrow_forward_ios_sharp),
  label: Text('Plus One'),
  style: ElevatedButton.styleFrom(
    // 示例为按钮宽度占屏幕宽度的30%，比例可按需调整
    minimumSize: Size(MediaQuery.of(context).size.width * 0.3, 0),
    padding: EdgeInsets.symmetric(vertical: 8),
  ),
)

以上两种方案都没有硬编码固定的宽高数值，第一种适配内容、第二种适配屏幕比例，所有设备上的显示逻辑完全统一。

内容的提问来源于stack exchange，提问作者Kavach Dheer