如何在ElevatedButton组件中实现Icon图标居中显示

你当前的代码已经用Center组件包裹Icon，但图标不居中是因为ElevatedButton默认自带了内边距，且没有指定固定的按钮尺寸，导致布局区域和预期不符，按以下方式修改即可：

修改后的代码示例：

ElevatedButton(
  style: ElevatedButton.styleFrom(
    shape: CircleBorder(),
    // Flutter 3.10以下版本保留 primary: itemColor.color 即可
    backgroundColor: itemColor.color,
    // 移除默认内边距
    padding: EdgeInsets.zero,
    // 指定按钮尺寸，可根据需求调整数值，保证宽高一致即可
    minimumSize: Size(48, 48),
  ),
  child: Icon(Icons.check, color: Colors.white)
);

修改说明：

• 配置padding: EdgeInsets.zero：移除ElevatedButton默认的内置边距，避免边距挤压导致图标偏移
• 配置minimumSize：固定圆形按钮的宽高，避免按钮尺寸随内容自适应导致的圆形变形、布局偏移
• 修改完成后不需要额外用Center组件包裹Icon，ElevatedButton内部子组件默认会居中展示

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