Flutter中动态控制Row内IconButton显示时如何实现正确对齐？

方法1：用SizedBox.shrink()替代空Container #

空Container()虽然默认尺寸为0，但在spaceEvenly的布局逻辑里仍会被当作一个占位元素参与空间分配。换成SizedBox.shrink()就不会有这个问题——它是一个完全不占用空间的组件，相当于直接“移除”了这个位置的元素。

修改后的代码：

Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: [
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.add),
    ),
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.edit),
    ),
    showButton
        ? SizedBox.shrink() // 替换空Container
        : IconButton(
            onPressed: () {},
            icon: Icon(Icons.delete),
          ),
  ],
),

方法2：动态构建children列表（推荐） #

直接根据showButton的状态决定是否添加第三个按钮，让Row的子元素数量动态变化。这样spaceEvenly会自动适配2个或3个元素的布局，完全不需要占位符。

代码示例：

Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: [
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.add),
    ),
    IconButton(
      onPressed: () {},
      icon: Icon(Icons.edit),
    ),
    // 仅当showButton为false时添加第三个按钮
    if (!showButton)
      IconButton(
        onPressed: () {},
        icon: Icon(Icons.delete),
      ),
  ],
),

也可以用列表拼接的方式构建：

final List<Widget> buttons = [
  IconButton(onPressed: () {}, icon: Icon(Icons.add)),
  IconButton(onPressed: () {}, icon: Icon(Icons.edit)),
];
if (!showButton) {
  buttons.add(IconButton(onPressed: () {}, icon: Icon(Icons.delete)));
}

Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: buttons,
),

方法3：用Expanded让按钮平分空间 #

如果希望不管显示2个还是3个按钮，每个按钮都占据相等宽度，可以用Expanded包裹每个IconButton，摆脱对spaceEvenly的依赖，布局更稳定：

Row(
  children: [
    Expanded(
      child: IconButton(
        onPressed: () {},
        icon: Icon(Icons.add),
        alignment: Alignment.center,
      ),
    ),
    Expanded(
      child: IconButton(
        onPressed: () {},
        icon: Icon(Icons.edit),
        alignment: Alignment.center,
      ),
    ),
    if (!showButton)
      Expanded(
        child: IconButton(
          onPressed: () {},
          icon: Icon(Icons.delete),
          alignment: Alignment.center,
        ),
      ),
  ],
),

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