如何为Flutter AppBar的leading及操作图标添加内边距？

你之前用Padding包裹图标没效果，是因为AppBar的leading和actions区域有默认布局约束，直接加内部padding会让图标被挤压在固定空间里，没法实现偏移。下面是两种实用的实现方式：

方法一：用Align组件调整位置 #

通过Align控制图标在leading/actions区域内的对齐方向，直接实现向中间偏移：

Widget build(BuildContext context) {
  return AppBar(
    leading: Align(
      // 左侧图标靠右对齐，向中间偏移
      alignment: Alignment.centerRight,
      child: RedBlock(),
    ),
    actions: [
      Align(
        // 右侧图标靠左对齐，向中间偏移
        alignment: Alignment.centerLeft,
        child: YellowBlock(),
      ),
    ],
    backgroundColor: Theme.of(context).primaryColor,
  );
}

方法二：调整leading宽度+Align（适配更大偏移需求） #

如果需要更大的偏移空间，先修改leadingWidth（默认值为56）扩大左侧区域，再用Align或Container控制位置：

Widget build(BuildContext context) {
  return AppBar(
    leadingWidth: 70, // 扩大左侧leading区域宽度
    leading: Align(
      alignment: Alignment.centerRight,
      child: RedBlock(),
    ),
    actions: [
      // 右侧用Container的margin实现偏移
      Container(
        margin: EdgeInsets.only(right: 10),
        child: YellowBlock(),
      ),
    ],
    backgroundColor: Theme.of(context).primaryColor,
  );
}

另外注意你之前尝试的代码里Icon写法有误，Icon组件不需要image参数，正确写法是Icon(Icons.xxx, size: 50)，不过你这里用的是自定义的RedBlock/YellowBlock，这个细节可以忽略。

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