Flutter应用按钮尺寸无法调整，如何设置更小的按钮？

你的代码里有几个关键问题导致按钮占满屏幕：

• 给SizedBox设置的height:500数值过大，直接把容器拉得很高
• 文本字号fontSize:116远超合理范围，圆形按钮会被超大文本撑爆，即使有容器限制也无效
• 使用CircleBorder时，按钮宽高必须一致，否则圆形会变形

给你修正后的代码，能让按钮保持合适的小尺寸：

Widget buildButton(String buttonText) {
  return SizedBox(
    width: 120, // 圆形按钮宽高需一致，设为合适的小尺寸
    height: 120,
    child: ElevatedButton(
      onPressed: () => buttonPress(buttonText),
      child: FittedBox( // 让文本自动适配按钮大小，避免溢出撑大按钮
        child: Text(
          buttonText,
          style: TextStyle(fontSize: 24), // 改为合理字号
        ),
      ),
      style: ElevatedButton.styleFrom(
        shape: CircleBorder(),
        padding: EdgeInsets.all(8), // 保留少量内边距，让文本不贴边
      ),
    ),
  );
}

额外注意点：

• 圆形按钮的SizedBox宽高必须相同，否则CircleBorder会变成椭圆
• 如果需要用较大文本，一定要用FittedBox包裹Text，避免文本溢出
• 不建议设置padding: EdgeInsets.zero，少量内边距能让按钮视觉更协调

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