Зачем реактивный ранец компонует мою тень? ⇐ Android

[Anonymous]

У меня проблема с рендерингом высоты Jetpack Compose. Я пытаюсь добавить высоту на Surface, но мой пользовательский интерфейс, похоже, имеет обрезанную тень. Кроме того, как я могу добавить цветную тень на поверхность?
Смотрите скриншот ниже
[img]https:/ /i.sstatic.net/ZCkrs.png[/img]

@Composable
fun DiscoverItem() {
Surface(
contentColor = Color(0xFFFFFFFF),
modifier = Modifier.preferredWidthIn(min = 145.dp).preferredHeight(56.dp),
shape = CircleShape,
elevation = 8.dp,
) {
Row(
modifier = Modifier.fillMaxSize().padding(horizontal = 8.dp),
verticalAlignment = Alignment.CenterVertically
) {
Surface(
modifier = Modifier.preferredSize(40.dp),
shape = CircleShape,
color = Color(0xFFFFC3D8)
) {
Image(
imageResource(R.drawable.pin_icon),
modifier = Modifier.size(width = 18.dp, height = 24.dp),
contentScale = ContentScale.Fit
)
}
Spacer(modifier = Modifier.padding(start = 10.dp))
Text(
"YOUR AREA",
style = MaterialTheme.typography.body2,
color = Color(0xFFFC1055)
)
}
}
}

@Composable
@Preview
fun DiscoverItemPreview() {
DiscoverItem()
}


Подробнее здесь: https://stackoverflow.com/questions/642 ... -my-shadow