圆角仅在图像AysncImage线圈的顶部

Question

我使用新的AysncImage加载器在一个框内撰写。Box本身有一个RoundedCornerShape。我还为AsyncImage添加了一个RoundedCornerShape，值如下

Box(
modifier = modifier
.clip(RoundedCornerShape(16.dp))
) {
AsyncImage(
modifier = Modifier
.height(146.dp)
.clip(shape = RoundedCornerShape(
topStart = 16.dp,
topEnd = 16.dp,
bottomStart = 0.dp,
bottomEnd = 0.dp))
,
model = R.drawable.image,
contentDescription = null,
contentScale = ContentScale.Crop,
)
}

但是图像的所有角落都是圆角的。屏幕截图

我不希望图像的底部有圆角。

Answer 1

将此修饰符添加到您的AsyncImage

modifier = Modifier.clip(RoundedCornerShape(topEnd = 8.dp , topStart = 8.dp))