Flutter中如何调整ElevatedButton.icon的图标与文字位置？

有两种简单的方法可以实现这个需求：

方法一：自定义ElevatedButton的child（推荐） #

直接使用基础的ElevatedButton，将其child设置为一个Row组件，按需排列文本和图标的顺序，还能自由控制间距：

ElevatedButton(
  onPressed: null,
  child: Row(
    mainAxisSize: MainAxisSize.min, // 让Row宽度适配内容
    children: [
      Text("Close"),
      SizedBox(width: 8), // 文本和图标之间的间距
      Icon(Icons.close),
    ],
  ),
)

方法二：复用ElevatedButton.icon并交换参数 #

如果想继续使用ElevatedButton.icon，可以交换icon和label的传入内容，同时调整样式保持视觉一致性：

ElevatedButton.icon(
  onPressed: null,
  label: Icon(Icons.close), // 原图标作为label传入
  icon: Text("Close"), // 原文本作为icon传入
  style: ButtonStyle(
    // 可选：调整文本样式匹配原label的默认样式
    iconColor: MaterialStateProperty.all(Theme.of(context).colorScheme.onPrimary),
    textStyle: MaterialStateProperty.all(Theme.of(context).textTheme.labelLarge),
  ),
)

方法一的优势在于完全自定义布局，不受ElevatedButton.icon的默认布局限制，调整起来更灵活。

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