Android Jetpack Compose：如何让图片缩放至同级Text组件高度？

在Compose 1.2+版本中，固有尺寸计算逻辑与Image布局行为有调整，旧写法依赖的偶然生效逻辑不再适用。要实现图片自动缩放至文本高度的效果，核心是让图片继承Row中Text的高度，具体实现如下：

@Composable
fun Test() {
    Row(
        modifier = Modifier.width(200.dp),
        horizontalArrangement = Arrangement.Start,
        verticalAlignment = Alignment.CenterVertically,
    ) {
        Image(
            painter = painterResource(id = R.drawable.some_imported_svg),
            contentDescription = null,
            contentScale = ContentScale.Fit,
            modifier = Modifier
                .padding(end = 8.dp)
                .fillMaxHeight() // 关键：让图片填充Row的可用高度，即文本的高度
        )
        Text(
            text = "Yum Yum",
            color = MaterialTheme.colors.onBackground,
        )
    }
}

关键说明： #

• 移除Row的.height(IntrinsicSize.Min)：新版本中该属性会限制Row高度为子组件的最小固有高度，而Image的固有高度是其原始尺寸，会导致Row高度被Image主导，而非文本。
• 给Image添加.fillMaxHeight()：让图片高度自动适配Row高度，Row高度由Text的内容高度决定，配合ContentScale.Fit保证图片按比例缩放，避免拉伸变形。

如果你的SVG图片有固定宽高比，可额外添加.aspectRatio确保缩放比例精准：

Image(
    painter = painterResource(id = R.drawable.some_imported_svg),
    contentDescription = null,
    contentScale = ContentScale.Fit,
    modifier = Modifier
        .padding(end = 8.dp)
        .fillMaxHeight()
        .aspectRatio(1.5f, matchHeightConstraintsFirst = true) // 替换为图片实际宽高比
)

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