如何在 Jetpack Compose 中按高度縮放圖標寬度

Question

我正在嘗試按高度縮放圖標寬度。 我試圖添加 contentScale 修飾符，但它不知道。

Icon(
           painter = painterResource(id = id),
           contentDescription = null,
           tint = Color.White,
           //contentScale = ContentScale.Fit,
           modifier = Modifier .fillMaxHeight(0.6f)
                               .align(CenterVertically).border(2.dp,Color.Black, RectangleShape)
    )

想象一下它的樣子 - 左邊的圖標應該被縮放以適應黑框的高度：

Answer 1

確保您的圖標是正方形就足夠了。

Modifier
    .fillMaxHeight(0.6f)
    .aspectRatio(1f) // make the width same as the height
    ... // your other modifiers