Flutter中如何调整AppBar内Image.network大小并居中显示

• 你当前将图片放在AppBar的leading属性位，该位置是AppBar预留的左侧功能区（默认放置返回按钮、抽屉唤出按钮），本身带有严格的布局宽度约束，直接给内部Image.network设置width、height属性会被父布局的约束覆盖，无法生效。
• leading位置固定在AppBar最左侧，本身不支持居中显示，完全不符合你的布局需求。

要实现网络图片在AppBar居中、放大显示的效果，需要将图片放到AppBar的title属性位，该区域默认支持居中布局，配合对应参数调整即可达到预期，参考代码如下：

AppBar buildAppBar() {
  return AppBar(
    // 开启title居中
    centerTitle: true,
    // 移除title默认左右内边距，给图片留出更多显示空间
    titleSpacing: 0,
    // 如果图片高度超过AppBar默认56的高度，需要手动设置toolbarHeight适配
    toolbarHeight: 100,
    title: SizedBox(
      width: 100,
      height: 100,
      child: Image.network(
        '你的网络图片地址',
        // 图片按比例缩放适配容器，不裁切
        fit: BoxFit.contain,
      ),
    ),
  );
}

• 调整图片大小时，不要直接给Image.network设置宽高，在外层套SizedBox或Container指定尺寸后，给Image设置fit: BoxFit.contain即可保证图片正常缩放，不会被父布局约束截断。
• 不要将需要居中显示的组件放到leading或actions属性位，这两个位置是AppBar两侧的固定功能区，位置和布局约束都不满足居中显示的需求。

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