Как анимировать элементы при прокрутке в Jetpack Compose LazyColumn? ⇐ Android

[Anonymous]

Я пытаюсь создать анимацию на основе прокрутки в Jetpack Compose, где элементы в LazyColumn анимируются при появлении на экране. Это похоже на то, как можно применять анимацию в RecyclerView в классической системе Views, где элементы анимируются по мере их появления в видимом окне просмотра.
Я пробовал использовать AnimatedVisibility< /code> , animateItemPlacement и animateItem с LazyColumn, но ни один из подходов, похоже, не работает должным образом. Вот моя текущая настройка:

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

LazyColumn(
modifier = Modifier
.fillMaxWidth()
.background(MaterialTheme.colorScheme.primaryContainer)
) {
items(500) {
Item(modifier = Modifier.animateItem())
}
}

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

@Composable
private fun Item(modifier: Modifier = Modifier) {
Column(
modifier
.fillMaxWidth()
.padding(horizontal = 10.dp, vertical = 5.dp)
.background(MaterialTheme.colorScheme.background),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center
) {
Text(
"Jihan Khan",
style = MaterialTheme.typography.headlineLarge.copy(color = MaterialTheme.colorScheme.onBackground)
)
Spacer(Modifier.height(10.dp))
Text(
"[email protected]",
style = MaterialTheme.typography.bodyMedium.copy(color = MaterialTheme.colorScheme.onBackground)
)
}
}

Я также пробовал обернуть элемент в блок и применить к нему animateItemPlacement или animateItem модификатор, но это тоже не сработало. Мне нужны рекомендации о том, как добиться желаемого эффекта анимации для элементов LazyColumn в Jetpack Compose. Будем очень признательны за любую информацию!

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