Flutter：如何移除Container组件各侧的多余空白

直接调整以下几个点就能去掉各侧的多余空白：

• 删掉Container的margin: EdgeInsets.only(left: 10)，这是左侧的外部空白
• 给Container加上padding: EdgeInsets.all(2)（数值可按需调整），让图标和容器边缘保留合适的间距，避免完全贴死
• 给Row设置mainAxisSize: MainAxisSize.min，让Row只占用图标所需的宽度，避免Container被拉宽产生右侧空白

修改后的代码：

leading: Container(
  decoration: BoxDecoration(
    color: Colors.grey,
    borderRadius: BorderRadius.circular(30),
  ),
  padding: EdgeInsets.all(2), // 控制图标与容器边缘的间距
  child: Row(
    mainAxisSize: MainAxisSize.min, // 让Row仅占用必要宽度
    mainAxisAlignment: MainAxisAlignment.start,
    children: [
      Icon(
        Icons.account_circle_rounded,
        size: 58,
      ),
      SizedBox(width: 2), // 调整头像和箭头的间距，可按需修改
      Icon(size: 30, Icons.keyboard_arrow_down),
    ],
  ),
),

如果想要图标完全紧贴容器边缘，把padding改成EdgeInsets.zero即可。

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