在Jetpack Compose中使用CoilImage，如何移除图片下载后的上下内边距

项目中实现了基于Coil的图片加载功能，通过URL下载图片后转为Image Composable使用，流程正常，但图片上下出现多余的绿色内边距。该Image处于无固定高度的Column中，需要在保留图片尺寸比例的前提下消除这些空隙。

已尝试wrapContentHeight、放入Box裁剪、ContentScale.Crop（仅填充高度，不符合需求）等方案，均未解决问题。

代码如下：

@Composable
fun HorizontalTextWithObject(enumerationItem: TextWithObjectPresentable) {
   Row(modifier = Modifier.fillMaxWidth()) {
     Column(modifier = Modifier.weight(1f), 
     verticalArrangement = Arrangement.Top) {
         Image(modifier = Modifier, enumerationItem)
     }
     Column(modifier = Modifier.weight(2f)) {
         Title(modifier = Modifier, enumerationItem)
         Description(enumerationItem)
     }
   }
 }


 @Composable
 fun Image(modifier: Modifier, 
 enumerationItem:TextWithObjectPresentable) {

 CoilImage(
 { request },
 success = { imageState ->
     imageState.imageBitmap?.let {
         val width = it.width.dp
         val height = ((width / 5) * 3)

         Image(bitmap = it, contentDescription = "",
             modifier = Modifier
                 .width(width)
                 .height(height)
                 .background(SDColor.green),
         )
     }
 },
)
}

1. 匹配图片真实比例计算容器尺寸 #

你当前硬编码的(width/5)*3比例大概率和图片实际宽高比不匹配，导致容器和图片之间出现空隙。改用图片自身比例计算高度，让容器完全贴合图片：

imageState.imageBitmap?.let { bitmap ->
    val aspectRatio = bitmap.width.toFloat() / bitmap.height.toFloat()
    val width = bitmap.width.dp
    val height = width / aspectRatio

    Image(
        bitmap = bitmap,
        contentDescription = "",
        modifier = Modifier
            .width(width)
            .height(height)
            .background(SDColor.green),
        contentScale = ContentScale.FillBounds
    )
}

2. 强制图片填充容器（固定比例场景） #

如果必须使用你设定的5:3比例，需将contentScale设为ContentScale.FillBounds，让图片完全填充容器，同时确保外层Column仅包裹图片高度：

// 内层Image调整
Image(
    bitmap = it,
    contentDescription = "",
    modifier = Modifier
        .width(width)
        .height(height)
        .background(SDColor.green),
    contentScale = ContentScale.FillBounds
)

// 外层Column添加wrapContentHeight
Column(
    modifier = Modifier.weight(1f).wrapContentHeight(),
    verticalArrangement = Arrangement.Top
) {
    Image(modifier = Modifier, enumerationItem)
}

3. 排查CoilImage的默认布局 #

Coil的CoilImage本身可能存在默认的最小尺寸或padding，给CoilImage添加wrapContentSize()修饰符，确保它仅包裹内部加载完成的Image：

CoilImage(
    { request },
    modifier = Modifier.wrapContentSize(),
    success = { imageState ->
        // ... 原有逻辑
    }
)

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