Flutter中如何给AppBar右侧图标添加间距？

刚接触Flutter很正常，这个问题其实有几种简单的解决方式，我给你列出来：

方法1：用Padding包裹Icon（最常用） #

直接在你的Icon外面套一层Padding组件，通过padding参数控制右侧的间距，这样能精准调整图标和屏幕边缘的距离：

appBar: AppBar(
  automaticallyImplyLeading: false,
  title: Text("Breeds of Dogs"),
  actions: <Widget>[
    Padding(
      padding: const EdgeInsets.only(right: 16.0), // 16是Material Design推荐的标准间距，可按需调整
      child: Icon(Icons.add_a_photo),
    ),
  ],
)

方法2：用SizedBox添加空白间距 #

如果你只需要简单的水平间距，也可以在Icon后面加一个SizedBox，它会在图标和屏幕边缘之间生成一段空白：

appBar: AppBar(
  automaticallyImplyLeading: false,
  title: Text("Breeds of Dogs"),
  actions: <Widget>[
    Icon(Icons.add_a_photo),
    SizedBox(width: 16.0), // 右侧添加16px的空白间距
  ],
)

方法3：改用IconButton（附带点击交互） #

如果你的图标需要点击功能，直接换成IconButton会更合适——它默认就带有符合Material Design规范的内边距，不用额外设置间距，还能直接绑定点击逻辑：

appBar: AppBar(
  automaticallyImplyLeading: false,
  title: Text("Breeds of Dogs"),
  actions: <Widget>[
    IconButton(
      icon: Icon(Icons.add_a_photo),
      onPressed: () {
        // 这里添加图标点击后的执行逻辑
      },
    ),
  ],
)

以上几种方法都能解决你的问题，根据你的实际需求选就行~

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