Flutter中嵌套SizedBox仍无法缩小ElevatedButton宽度的问题

你的问题出在三个核心点：

• ElevatedButton的padding设置了horizontal: 40.0，这个内边距会强制按钮保留左右各40的空间，直接撑大按钮，抵消了SizedBox的宽度限制
• ElevatedButton默认有最小宽度限制（默认88px），需要手动覆盖这个约束
• 文本"CLICK ME"的字体大小18，加上原有内边距，总宽度已经超过你设置的70px，也会导致按钮无法缩小

修改后的代码如下：

SizedBox(
  width: 70.0,
  child: ElevatedButton(
    onPressed: () {},
    style: ElevatedButton.styleFrom(
      // 缩小水平内边距，可根据需求调整为0或更小值
      padding: EdgeInsets.symmetric(horizontal: 8.0, vertical: 15.0),
      primary: Color(0xff78048e),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20.0),
      ),
      // 取消按钮默认最小宽度限制
      minimumSize: Size.zero,
      // 让点击区域与按钮大小完全匹配，避免额外区域撑大组件
      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
    ),
    child: Text(
      "CLICK ME",
      // 缩小字体大小并居中，确保在小宽度内正常显示
      style: TextStyle(color: Colors.white, fontSize: 12),
      textAlign: TextAlign.center,
    ),
  ),
),

关键修改说明：

• 调整水平内边距，减少按钮内部的强制空间占用
• 通过minimumSize: Size.zero覆盖按钮默认的最小宽度约束
• 用tapTargetSize确保点击区域不会超出按钮实际尺寸
• 适配文本大小和对齐方式，避免文本溢出撑大按钮

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