Jetpack Compose：让AsyncImage保持宽高一致并随Column自适应

直接调整图片的Modifier配置，去掉固定宽度和fillMaxHeight()，改用aspectRatio(1f)来强制正方形比例，同时保留Row的自适应高度逻辑：

Card(
    colors = CardDefaults.cardColors(containerColor = LightGray),
    shape = RoundedCornerShape(10.dp),
    modifier = Modifier
        .fillMaxWidth()
        .padding(horizontal = 10.dp, vertical = 5.dp)
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(IntrinsicSize.Min)
    ) {
        AsyncImage(
            model = monument.image,
            contentDescription = stringResource(id = R.string.home_monument_content_description),
            contentScale = ContentScale.Crop,
            modifier = Modifier
                .padding(10.dp)
                .clip(RoundedCornerShape(10.dp))
                .aspectRatio(1f) // 强制宽高1:1，保持正方形
                .align(Alignment.CenterVertically)
        )
        Column(Modifier.padding(10.dp)) {
            Text(
                text = monument.name,
                fontSize = 18.sp,
                fontWeight = FontWeight.SemiBold
            )
            Text(
                text = monument.description,
                fontSize = 14.sp,
                modifier = Modifier.padding(top = 10.dp),
                overflow = TextOverflow.Ellipsis,
                maxLines = 2,
                lineHeight = 20.sp
            )
            Text(
                text = monument.author,
                fontSize = 12.sp,
                modifier = Modifier.padding(top = 10.dp),
                color = Color.LightGray,
            )
            // 新增字段时，图片会自动按正方形比例放大
            // Text(text = monument.extraInfo, fontSize = 12.sp, modifier = Modifier.padding(top = 10.dp))
        }
    }
}

关键调整说明： #

• 去掉width(100.dp)和fillMaxHeight()：这两个属性组合会让图片宽度固定、高度随Row拉伸，直接破坏正方形比例。
• 用aspectRatio(1f)替代：这个属性会让Compose自动根据可用空间计算宽高，始终保持1:1的正方形比例，当Row高度随Column内容增加时，图片的宽高会同步按比例放大。
• 保留Row的height(IntrinsicSize.Min)：确保Row的高度完全由Column的内容高度决定，这样Column添加新字段时，Row会自动撑开高度，图片也会跟着适配。
• 添加align(Alignment.CenterVertically)：让图片在Row中垂直居中，避免Column高度变化时图片位置偏移。

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