Jetpack сочиняет, как размыть текстовую область и выровнять ее по низу карточки. ⇐ Android

[Anonymous]

Я хочу разместить текст внизу карточки и размыть текстовую область полупрозрачным цветом.
Это то, что у меня пока получилось.
Дизайн, которого я пытаюсь достичь, заключается в следующем. (Область сбора с конкретной частью карт)

Вот мой код:

Код: Выделить всё

@Composable
fun CollectionCardArea(
collection: Collection,
cardWidth: Dp
) {
Card(
modifier = Modifier
.width(cardWidth)
.padding(start = 2.dp, end = 25.dp, bottom = 5.dp, top = 0.dp)
.clickable { },
shape = RoundedCornerShape(6),
elevation = 4.dp
) {
Box(modifier = Modifier
.fillMaxSize(),
) {
Image(
painter = rememberImagePainter(
data = collection.image
),
contentDescription = collection.name,
contentScale = ContentScale.Crop,
modifier = Modifier
.fillMaxSize()
)
}
Box(modifier = Modifier
.fillMaxWidth()
.height(20.dp)
.background(Color.Transparent)
) {
Text(text = collection.name, color = Color.White)
}

}
}

Проблема в том, что я не могу найти способ выровнять текст по нижней части экрана.

Кроме того, я не могу понять, как размыть текстовую область. .

Подробнее здесь: https://stackoverflow.com/questions/719 ... -of-a-card