Compose中ContentScale.Inside不生效，图片被裁剪问题求助

你遇到的问题根源是Coil默认的图片缩放策略会强制填充容器，导致即使设置了ContentScale.Inside，图片仍会被裁剪。以下是具体的修复方案：

修改后的代码 #

import coil.request.Scale

// 构建图片加载器时指定缩放策略
val painter = rememberAsyncImagePainter(
    imageLoader = imageLoader,
    model = ImageRequest.Builder(LocalContext.current)
        .data(url)
        .crossfade(true)
        .scale(Scale.FIT) // 关键：让图片按比例适配容器，不强制填充
        .build()
)

// 用Box包裹，将圆形裁剪和背景统一设置在外层
Box(
    modifier = Modifier
        .size(40.dp)
        .clip(CircleShape)
        .background(MaterialTheme.colorScheme.surfaceContainerHighest),
    contentAlignment = Alignment.Center
) {
    Image(
        painter = painter,
        contentDescription = null,
        contentScale = ContentScale.Inside,
        modifier = Modifier.wrapContentSize() // 保持图片自身缩放后的尺寸，不强制填充容器
    )
}

修复逻辑说明 #

1. 设置Coil的缩放策略：Coil默认使用Scale.FILL，会拉伸图片填充容器导致裁剪。改为Scale.FIT后，图片会按原始比例缩放到刚好能放进40dp容器的大小，保证完整显示。
2. 用Box分离样式与图片：将圆形裁剪、背景色设置在Box的Modifier上，Image只负责显示图片本身，通过wrapContentSize()避免强制填充容器（满足你不能使用fillMaxSize()的要求）。
3. 保留ContentScale.Inside：双重保障图片在自身绘制区域内完整显示，不会被拉伸或裁剪。

如果需要图片和圆形边框之间留空隙，可以把Image的Modifier改成Modifier.size(38.dp)，手动缩小图片尺寸即可。

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