如何独立修改AppBar中Leading的颜色？颜色显示异常如何解决？

问题原因 #

你设置的Container颜色只覆盖了内部IconButton的范围，而非截图中标注的整个Leading区域，核心原因有两点：

1. AppBar的Leading区域默认带有固定内边距，且Container默认自适应子组件（IconButton）的尺寸，无法填充整个Leading占位空间。
2. IconButton本身自带默认内边距，进一步压缩了外层Container的显示范围。

修复方案 #

方案1：让背景色覆盖整个Leading区域

需要配合AppBar的leadingWidth属性，同时去掉IconButton的默认内边距，确保Container填满整个Leading区域：

AppBar(
  leadingWidth: 60, // 指定Leading区域宽度，默认值为56
  leading: Container(
    color: Color(0xFFFFDEB4),
    child: IconButton(
      icon: Icon(Icons.menu, color: Colors.amber, size: 30),
      onPressed: () {},
      padding: EdgeInsets.zero, // 移除IconButton默认内边距
    ),
  ),
)

方案2：仅给IconButton设置背景色

如果不需要填充整个Leading区域，直接给IconButton设置背景色更简洁，无需外层Container：

AppBar(
  leading: IconButton(
    icon: Icon(Icons.menu, color: Colors.amber, size: 30),
    onPressed: () {},
    style: IconButton.styleFrom(
      backgroundColor: Color(0xFFFFDEB4),
      padding: EdgeInsets.all(8), // 自定义内边距调整背景显示大小
    ),
  ),
)

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