Карты создания реактивного ранца в увеличении высоты колонны ⇐ Android

[Anonymous]

Я использую Jetpack Compose для Android и пытаюсь получить несколько карточек с высотой внутри столбца следующим образом:

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

import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Card
import androidx.compose.material3.CardDefaults
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp

@Composable
fun Counter(
modifier: Modifier = Modifier
) {
Card(
elevation = CardDefaults.cardElevation(
defaultElevation = 6.dp
),
modifier = modifier.height(100.dp),
) {
Text("Example")
}
}

@Preview(showBackground = true)
@Composable
fun CounterPreview() {
Column(
verticalArrangement = Arrangement.spacedBy(12.dp),
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier
.padding(20.dp)
) {
Counter()
Counter()
Counter()
Counter()
Counter()
}
}

Мой ожидаемый результат будет заключаться в том, что каждая карта будет иметь одинаковую тень. Вместо этого нижние карточки имеют больше тени, чем верхняя:
Изображение предварительного просмотра в Android Studio, иллюстрирующее мою проблему.
Можно ли как-нибудь заставить их иметь одинаковое количество теней?
Я уже пробовал использовать LazyColumn, повторить и установить собственный zIndex, но это не помогло.

Подробнее здесь: https://stackoverflow.com/questions/785 ... increasing