Flutter：ListTile的trailing嵌套Row无需固定宽度的实现方法咨询

当然可行，问题核心在于Row默认会尽可能占据所有可用水平空间，而ListTile的trailing区域布局空间有限，直接嵌套未约束的Row会触发布局计算冲突。只需调整Row的布局约束就能解决：

修改要点： #

• 移除包裹Row的SizedBox（固定宽度会限制布局灵活性，还容易导致溢出或挤压leading区域）
• 给Row设置mainAxisSize: MainAxisSize.min，让Row仅占用子元素实际需要的宽度
• 给两个图标之间添加水平间距，优化视觉体验

修改后的完整代码： #

ListTile(
  title: Text(state.users[index].name),
  subtitle: Text(state.users[index].email),
  trailing: Row(
    mainAxisSize: MainAxisSize.min, // 关键：让Row仅占必要宽度
    children: [
      InkWell(
        onTap: () {
          name.text = state.users[index].name;
          name.text = state.users[index].email;
          showBottomSheet(
            id: state.users[index].id,
            context: context,
            isEdit: true,
            userListBloc: userListBloc,
          );
        },
        child: const Icon(Icons.edit),
      ),
      SizedBox(width: 16), // 添加水平间距，避免图标挤在一起
      InkWell(
        onTap: () {
          userListBloc.add(DeleteUser(state.users[index]));
        },
        child: const Icon(Icons.delete),
      ),
    ],
  ),
)

额外优化（可选）： #

如果希望图标在trailing区域靠右对齐，可以给Row再加一个属性：

mainAxisAlignment: MainAxisAlignment.end,

调整后，Row会自动根据内部图标的尺寸计算宽度，既不会挤压leading和title区域，也不会出现溢出问题，完全不需要固定宽度。

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