Автоматически прокручивать ленивый столбец вверх, чтобы отображать полную высоту карты при раскрытии

Использование animateScrollToItem не даст вам удовлетворительных результатов. Он попытается прокрутить LazyColumn так, чтобы заданный item оказался вверху LazyColumn. Если item будет последним на экране, анимация будет заикаться. Другая проблема заключается в том, что прокрутка может уже выполняться во время анимации, в результате чего элемент будет виден не полностью.

Вероятно, вам нужно прокручивать LazyColumn только в том случае, если развернутый элемент не полностью виден на экране. Чтобы обнаружить такие случаи, добавьте модификатор onGoballyPositioned к AnimatedVisibility:

@Composable
fun ExpandableCard(/** ... **/ ) {

    var isFullyVisible by remember {
        mutableStateOf(true)  // stores whether the expanded content is fully visible on screen
    }
    var contentHeightPx by remember {
        mutableStateOf(0f)  // stores the height of the expanded content
    }

    Card(
        //...
    ) {
        Column(
            modifier = Modifier.padding(16.dp)
        ) {
            // ...

            AnimatedVisibility(
                modifier = Modifier.onGloballyPositioned { coordinates ->
                    val (width, height) = coordinates.size
                    val (x1, y1) = coordinates.positionInRoot()
                    val x2 = x1 + width
                    val y2 = y1 + height
                    val screenWidth: Float = configuration.screenWidthDp.toPx
                    val screenHeight: Float = configuration.screenHeightDp.toPx
                    isFullyVisible = (x1 >= 0 && y1 >= 0) && (x2 <= screenWidth && y2 <= screenHeight)
                    contentHeightPx = coordinates.size.height.toFloat()
                },
                visible = isExpanded,
                enter = expandVertically() + fadeIn(),
                exit = shrinkVertically() + fadeOut()
            ) {
                //...
            }
        }
    }
}

Вам необходимо добавить следующую функцию расширения:

val Number.toPx
    get() = TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        this.toFloat(),
        Resources.getSystem().displayMetrics
    )

Далее нам нужно убедиться, что прокрутка выполняется только после завершения анимации AnimatedVisibility. Нам нужно добавить отдельную функцию обратного вызова в ExpandableCard Composable. Кроме того, мы меняем тип возвращаемого значения функции onCardClicked с Job на Unit:

@Composable
fun ExpandableCard(/** ... **/ onCardClicked: () -> Unit, onCardExpanded: (Float) -> Job) {
    //...
}

Затем мы вызываем onCardExpanded после завершения анимации расширения:

AnimatedVisibility(
    //...
) {

    val animatedVisibilityScope = this

    LaunchedEffect(animatedVisibilityScope.transition.isRunning) {
        if (!animatedVisibilityScope.transition.isRunning &&
            animatedVisibilityScope.transition.currentState == EnterExitState.Visible
        ) {
            if (!isFullyVisible) {
                // If the content is not fully visible, scroll LazyColumn
                onCardExpanded(contentHeightPx)
            }
        }
    }

    // expanded content
}

Наконец, примените прокрутку в LazyColumn:

LazyColumn(
    modifier = Modifier
        .fillMaxHeight()
        .padding(start = 20.dp, end = 20.dp, top = 20.dp),
    state = listState
) {
    itemsIndexed(items) { index, item ->
        ExpandableCard(
            engagementPointItem = item,
            isExpanded = expandedCardsStates[item.id] ?: false,
            onCardClicked = {
                viewModel.toggleExpandedState(item.id)
            },
            onCardExpanded = { scrollAmount ->
                coroutineScope.launch {
                    listState.animateScrollBy(scrollAmount + 50)
                }
            }
        )
    }
}

Выход: