Flutter如何让Image尺寸不受设备显示大小设置影响？

针对你的问题，要让固定尺寸的图片不受系统显示大小或字体大小调整的影响，这里提供两种对应场景的解决方案，类比Text组件的TextScaler.noScaling效果：

场景1：图片受系统字体大小设置影响 #

如果你的图片是因为系统字体缩放（textScaleFactor）导致尺寸变化，直接用MediaQuery.removeTextScaleFactor包裹图片组件即可，这和Text组件的TextScaler.noScaling逻辑完全一致：

MediaQuery.removeTextScaleFactor(
  context: context,
  child: SizedBox(
    width: imageWidth,
    height: imageHeight,
    child: CachedNetworkImage(
      imageUrl: images!.first.url,
      fit: BoxFit.cover,
    ),
  ),
);

这个组件会移除子树的文本缩放因子，让图片的固定逻辑尺寸完全不受字体大小调整的影响。

场景2：图片受系统显示大小设置影响 #

如果是系统显示缩放（比如安卓的「显示大小」设置，会改变设备像素比）导致图片实际显示大小变化，需要基于物理像素来固定尺寸，确保无论系统怎么调整缩放，图片的物理显示大小都保持不变：

方法1：基于物理像素计算逻辑尺寸 #

先将你原本设置的逻辑尺寸转换为物理像素，再根据当前设备的像素比反向计算出适配后的逻辑尺寸：

// 在组件初始化时保存原始物理尺寸（若需支持运行时调整，可结合StatefulWidget监听设备像素比变化）
final originalDpr = WidgetsBinding.instance.window.devicePixelRatio;
final targetPhysicalWidth = imageWidth * originalDpr;
final targetPhysicalHeight = imageHeight * originalDpr;

// 在build方法中使用
SizedBox(
  width: targetPhysicalWidth / MediaQuery.of(context).devicePixelRatio,
  height: targetPhysicalHeight / MediaQuery.of(context).devicePixelRatio,
  child: CachedNetworkImage(
    imageUrl: images!.first.url,
    fit: BoxFit.cover,
  ),
);

方法2：用Transform抵消系统缩放 #

通过Transform.scale组件抵消系统显示缩放的影响，让图片保持原本的逻辑尺寸对应的物理大小：

final currentDpr = MediaQuery.of(context).devicePixelRatio;
final originalDpr = WidgetsBinding.instance.window.devicePixelRatio;
// 计算抵消缩放的比例
final scaleFactor = originalDpr / currentDpr;

Transform.scale(
  scale: scaleFactor,
  child: SizedBox(
    width: imageWidth,
    height: imageHeight,
    child: CachedNetworkImage(
      imageUrl: images!.first.url,
      fit: BoxFit.cover,
    ),
  ),
);

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