Jetpack Compose + Coilで画像をダウンロードしてきて表示する場合、ImageにModifier.clipやbackgroundで角丸のshapeを指定してもダウンロード後の画像が角丸にならなかったので、coilのbuilderでtransformationしてあげると角丸の画像を表示できた。
ついでにDensityを使ってdp指定のPxサイズで角丸にしておいた。
Image(
painter = rememberImagePainter(
data = url,
builder = {
transformations(
with(LocalDensity.current) {
val r = 10.dp.toPx()
RoundedCornersTransformation(
topLeft = r,
topRight = r,
bottomLeft = r,
bottomRight = r,
)
}
)
}
),
contentDescription = contentDescription,
modifier = modifier.testTag("NetworkImage"),
contentScale = contentScale,
)