Jetpack Compose动态创建类存储文本框值时输入无显示问题求助

1. TextFieldLogic类未标记稳定类型：Compose 默认无法识别普通类的稳定性，当类内部的mutableStateOf状态变化时，无法触发对应TextField的重组，导致输入内容无法显示。
2. 列表状态未持久化：如果textFieldList未用remember包裹，可组合函数重组时会被重新初始化为空列表，丢失之前的状态。
3. 组件复用导致状态混乱：动态创建的TextField未指定唯一key，Compose 可能复用组件节点，造成状态绑定错误。

1. 标记TextFieldLogic为稳定类 #

添加@Stable注解，让 Compose 感知类的稳定性，正确追踪内部状态变化：

import androidx.compose.runtime.Stable

@Stable
class TextFieldLogic{
   var value by mutableStateOf(TextFieldValue(""))
}

2. 持久化列表状态 #

用remember包裹textFieldList，避免重组时重置列表：

var textFieldList by remember { mutableStateOf(listOf<TextFieldLogic>()) }

3. 给TextField指定唯一key #

遍历列表时用索引（或自定义唯一标识）作为key，确保每个文本框状态独立：

Column {
    textFieldList.forEachIndexed { index, logic ->
        TextField(
            key = index,
            value = logic.value,
            onValueChange = { logic.value = it },
            modifier = Modifier.padding(vertical = 4.dp)
        )
    }
}

import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Stable
class TextFieldLogic{
   var value by mutableStateOf(TextFieldValue(""))
}

@Composable
fun DynamicTextFieldScreen() {
    var textFieldList by remember { mutableStateOf(listOf<TextFieldLogic>()) }

    Column(modifier = Modifier.padding(16.dp)) {
        Button(onClick = { textFieldList += TextFieldLogic() }) {
            Text("添加文本框")
        }

        textFieldList.forEachIndexed { index, logic ->
            TextField(
                key = index,
                value = logic.value,
                onValueChange = { logic.value = it },
                modifier = Modifier.padding(vertical = 4.dp)
            )
        }
    }
}

内容的提问来源于stack exchange，提问作者Bob Rasner