Элемент карточки с тенью только внизу

Question

Я пытаюсь создать элемент карты и добавить тень только в нижнюю часть с небольшим количеством слева и справа и нулем вверху.

       Card(
    elevation = 10.dp,
    modifier = Modifier
        .background(color = seatfrogWhite, shape = RoundedCornerShape(4.dp))
        .graphicsLayer {
            this.shadowElevation = 10.dp.toPx()
            this.shape = RoundedCornerShape(4.dp)
            this.clip = true
        }
        .height(50.dp)
        .width(100.dp),
    shape = RoundedCornerShape(4.dp)
) {}

я пробовал сshadow()модификатор, но безуспешно. Он всегда добавляет тень сверху.

Answer 1

Вы можете использовать М3ElevatedCard:

      ElevatedCard(
    Modifier.size(width = 180.dp, height = 50.dp),
    shape = RoundedCornerShape(4.dp),
    elevation = CardDefaults.elevatedCardElevation(8.dp),
    colors = CardDefaults.elevatedCardColors(containerColor = Teal200),
) {
    // Card content
}