我来帮你搞定这个问题！你遇到的溢出问题其实是因为FlatButton本身自带默认的最小尺寸和内边距限制，当你把图标尺寸调大超过20时，按钮整体尺寸就会超出AppBar的可用空间。下面给你几个可行的解决方案：

方案1：替换成IconButton（最简单直接） #

IconButton是Flutter官方专门为图标按钮设计的组件，默认就适配AppBar的高度，你可以直接通过iconSize参数设置想要的尺寸，完全不会有溢出问题：

Scaffold(
  appBar: AppBar(
    leading: IconButton(
      icon: Icon(Icons.info, color: Colors.white),
      iconSize: 30, // 这里可以随便设置你想要的尺寸，比如30、35都没问题
      onPressed: () {},
    ),
    bottom: TabBar(...),
    actions: [...],
  ),
)

方案2：自定义FlatButton.icon的约束（如果一定要用FlatButton） #

如果你坚持要用FlatButton.icon，可以手动去掉它的默认内边距和最小宽度限制，让图标能自由放大：

Scaffold(
  appBar: AppBar(
    leading: FlatButton.icon(
      onPressed: () {},
      icon: Icon(Icons.info, size: 30, color: Colors.white),
      label: SizedBox.shrink(), // 隐藏默认的文字标签，避免额外占空间
      padding: EdgeInsets.zero, // 去掉按钮的默认内边距
      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, // 把点击区域缩小到图标大小
      minWidth: 0, // 移除按钮的最小宽度限制
    ),
    bottom: TabBar(...),
    actions: [...],
  ),
)

方案3：用InkWell包裹Icon（完全自定义） #

如果需要更灵活的控制（比如自定义点击区域大小），可以用InkWell直接包裹Icon，它没有任何默认约束，完全由你说了算：

Scaffold(
  appBar: AppBar(
    leading: InkWell(
      onTap: () {},
      child: Padding(
        padding: EdgeInsets.all(8.0), // 自定义点击区域的内边距，调整点击范围大小
        child: Icon(Icons.info, size: 30, color: Colors.white),
      ),
    ),
    bottom: TabBar(...),
    actions: [...],
  ),
)

优先推荐方案1，因为IconButton是官方为AppBar图标场景量身打造的，适配性和体验都最好。如果用FlatButton的话，一定要记得隐藏默认的文字标签，不然标签也会占空间导致溢出哦～

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