Как сохранить составное состояние расширяемой карты и положение прокрутки в Jetpack Compose

Question

Я использую настраиваемую расширяемую карту, так как,

      @Composable
fun ExpandableCardComposable(
    isExpandable: Boolean = false,
    topContent: @Composable () -> Unit,
    buttomContent: @Composable () -> Unit
) {
    val transactionState = remember {
        MutableTransitionState(isExpandable)
            .apply {
                targetState = isExpandable
            }
    }
    val transaction = updateTransition( transactionState, label = "")
    Card(
        modifier = Modifier.padding(horizontal = Size.DOUBLE_SPACING),
        elevation = Size.Card.ELEVATION,
        shape = RoundedCornerShape(Size.Card.CORNER_RADIUS),
    ) {
        Column(modifier = Modifier.animateContentSize()) {
            Surface(elevation = Size.Card.ELEVATION) {
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .clickable(onClick = { transactionState.targetState = !transaction.currentState })
                        .padding(horizontal = Size.DOUBLE_SPACING),
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Box(modifier = Modifier.weight(1f)) {
                        topContent()
                    }
                    val iconId = if (transaction.currentState) R.drawable.close else R.drawable.expand
                    Image(
                        imageVector = ImageVector.vectorResource(id = iconId),
                        contentDescription = null
                    )
                }
            }

            if (transactionState.currentState) {
                Box(
                    modifier = Modifier
                        .fillMaxWidth(),
                ) {
                    buttomContent()
                }
            }
        }
    }
}

Я использую этот компонент для одного из экранов, содержащих список данных и их работу. Однако, когда я переключаюсь на другой экран и снова на экран расширяемой карты, состояние карты и положение прокрутки меняются. Как сохранить состояние экрана расширяемой карты и положение прокрутки, чтобы оно не менялось.

Answer 1

Вы должны сохранить все состояние в модели просмотра.

Событие положение прокрутки может быть сохранено.

Добавь это

      rememberScrollableState{delta->
mViewModel.scrollState += delta
delta
}
)

Если вы еще этого не сделали, создайте новый файл с именем mViewModel.kt, расширяющий класс viewmodel. Добавьте к нему переменную с именем scrollState, чтобы сохранить состояние, как указано выше. Также добавьте логическое значение для сохранения расширенного состояния, например

var expanded by mutableStateOf (false)

Попытайся

Answer 2

https://developer.android.com/jetpack/compose/navigation

Сохранение и восстановление состояния выполняется во время навигации. Если вы используете компонент навигации, см. saveState и restoreState.