Flutter技术问题：如何调整AppBar中图片的大小？

你可以通过以下几种方式缩放图片，使其适配AppBar：

1. 直接设置图片高度 #

给Image组件指定固定高度（或基于AppBar默认高度的比例值），配合fit属性确保图片正确缩放：

import 'package:flutter/material.dart';

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Image(
                image: AssetImage('images/logo.png'),
                fit: BoxFit.fitHeight,
                height: 36, // 固定高度，适配AppBar默认高度（默认56）
              ),
              const SizedBox(width: 8), // 给图片和文字添加间距
              const Text('我的应用'), // 替换为实际标题，原代码widget.title会报错
            ],
          ),
        ),
      ),
    );
  }
}

也可以用kToolbarHeight（AppBar默认高度常量）的比例值设置，比如height: kToolbarHeight * 0.8，适配不同主题下的AppBar高度。

2. 用ConstrainedBox限制尺寸 #

通过ConstrainedBox给图片设置最大宽高约束，确保图片不会超出AppBar范围：

ConstrainedBox(
  constraints: BoxConstraints(
    maxHeight: kToolbarHeight * 0.8,
    maxWidth: 40, // 可选，限制图片最大宽度
  ),
  child: const Image(
    image: AssetImage('images/logo.png'),
    fit: BoxFit.contain, // 保持图片原有比例
  ),
)

3. 自定义AppBar高度（可选） #

如果需要调整AppBar整体高度，可通过preferredSize设置，再匹配图片尺寸：

AppBar(
  preferredSize: const Size.fromHeight(60), // 自定义AppBar高度
  title: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      const Image(
        image: AssetImage('images/logo.png'),
        fit: BoxFit.fitHeight,
        height: 48, // 对应自定义高度的比例值
      ),
      const SizedBox(width: 8),
      const Text('我的应用'),
    ],
  ),
)

注意：原代码中widget.title会报错，因为MyApp是StatelessWidget，没有title成员变量，需替换为实际标题文本。

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