Android-лямбда-обновление mutablestatelistof не перекомпоновывается ⇐ Android

[Anonymous]

У меня есть список изменяемых состояний, который я хочу обновить из отдельной компонуемой функции через лямбда-выражение. Код обновляет список новыми данными, но не перекомпоновывает пользовательский интерфейс.
Что это должно делать:
При нажатии кнопки , откройте наложение двух TextFields, чтобы редактировать информацию из mutablestatelistof.
По завершении закройте наложение и обновите пользовательский интерфейс на основе информации, введенной в наложение.
Довольно просто концепция, но проблема заключается в рекомпозиции.

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

    val groupComponents = remember {
mutableStateListOf()
}

val boxVisible = remember {
mutableStateOf(false)
}

val boxElementIndex = remember {
mutableIntStateOf(0)
}

val boxGroupIndex = remember {
mutableIntStateOf(0)
}

val boxName = remember {
mutableStateOf("")
}

val boxCommand = remember {
mutableStateOf("")
}

EditCustomUIBoxOverlay(
boxVisible,
boxName,
boxCommand,
close = {
boxVisible.value = !boxVisible.value
},
processBoxData = { name, command ->
val list = groupComponents[boxGroupIndex.value].elements
list[boxElementIndex.value].name = name.value
list[boxElementIndex.value].data = command.value
groupComponents[boxGroupIndex.value].copy(
elements = list
)
})

@Composable
fun EditCustomUIBoxOverlay(
boxVisible: MutableState,
boxName: MutableState,
boxCommand: MutableState,
processBoxData: (MutableState, MutableState) -> Unit,
close: () -> Unit
) {
AnimatedVisibility(
visible = boxVisible.value,
enter = fadeIn(),
exit = fadeOut()
) {
Box(
modifier = Modifier
.fillMaxSize()
.background(color = Color(0.0f, 0f, 0f, 0.5f)),
contentAlignment = Alignment.Center
) {
ElevatedCard(
modifier = Modifier
.padding(15.dp)
.defaultMinSize()) {
Row(
modifier = Modifier.defaultMinSize(),
horizontalArrangement = Arrangement.Center
) {
TextField(value = boxName.value, onValueChange = { it ->
boxName.value = it
}, label = { Text(text = "Button Name") })
}
Row(
modifier = Modifier.defaultMinSize(),
horizontalArrangement = Arrangement.Center
) {
TextField(value = boxCommand.value, onValueChange = { it ->
boxCommand.value = it
}, label = { Text(text = "Enter Command") })
}
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.Center
) {
Button(onClick = {
close()
processBoxData(boxName, boxCommand)
}) {
Text(text = "Done")
}
Button(onClick = { close() }) {
Text(text = "Cancel")
}
}
}
}
}
}

Если я пропущу отдельное создание новой составной функции и просто добавлю код напрямую, он будет работать так, как я хочу. Он обновляет список изменяемых состояний и перекомпоновывает пользовательский интерфейс при изменениях.
Ниже работает

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

AnimatedVisibility(
visible = boxVisible.value,
enter = fadeIn(),
exit = fadeOut()
) {
Box(
modifier = Modifier
.fillMaxSize()
.background(color = Color(0.0f, 0f, 0f, 0.5f)),
contentAlignment = Alignment.Center
) {
ElevatedCard(
modifier = Modifier
.padding(15.dp)
.defaultMinSize()) {
Row(
modifier = Modifier.defaultMinSize(),
horizontalArrangement = Arrangement.Center
) {
TextField(value = boxName.value, onValueChange = { it ->
boxName.value = it
}, label = { Text(text = "Button Name") })
}
Row(
modifier = Modifier.defaultMinSize(),
horizontalArrangement = Arrangement.Center
) {
TextField(value = boxCommand.value, onValueChange = { it ->
boxCommand.value = it
}, label = { Text(text = "Enter Command") })
}
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.Center
) {
Button(onClick = {
boxVisible.value = !boxVisible.value
val list = groupComponents[boxGroupIndex.value].elements
list[boxElementIndex.value].name = boxName.value
list[boxElementIndex.value].data = boxCommand.value
groupComponents[boxGroupIndex.value].copy(
elements = list
)
}) {
Text(text = "Done")
}
Button(onClick = { close() }) {
Text(text = "Cancel")
}
}
}
}
}

При создании отдельной функции с лямбда-обратным вызовом теряется возможность доступа к списку изменяемых состояний, как ожидалось?
Я пробовал перемещать переменные внутри и из составной функции, перемещение места вызова функции, изменение параметров в составной функции. Все это приводит к одной и той же проблеме: данные изменяются по мере необходимости, но пользовательский интерфейс не перекомпоновывается.

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