Android Compose：AlertDialog内OutlinedTextField无法编辑

你的问题出在输入框状态没有被正确持久化：代码里的textFieldValue是Composable内部的局部变量，每次Composable重组时都会重新创建新的TextFieldValue实例，导致输入内容无法被保留，看起来就像无法编辑。

修复方案 #

有两种常见的修复方式，选一种即可：

方案1：用remember持有TextFieldValue状态

通过remember来保存输入框的状态，确保重组时不会丢失输入内容：

@Composable
fun InputDialog(
    dialogTitle: String,
    description: String,
    value: MutableState<String>,
    show: MutableState<Boolean>,
    onConfirm: (String) -> Unit) {
    // 使用remember持久化TextFieldValue状态
    val textFieldValue = remember { mutableStateOf(TextFieldValue(value.value)) }
    
    AlertDialog(
        onDismissRequest = {
            show.value = false
        },
        confirmButton = {
            TextButton(
                onClick = {
                    onConfirm(textFieldValue.value.text)
                    // 同步外部状态并关闭对话框
                    value.value = textFieldValue.value.text
                    show.value = false
                }
            ) {
                Text("Save")
            }
        },
        dismissButton = {
            TextButton(
                onClick = {
                    show.value = false
                }
            ) {
                Text("Cancel")
            }
        },
        text = {
            Column {
                Text(description)
                OutlinedTextField(
                    enabled = true,
                    readOnly = false,
                    value = textFieldValue.value,
                    onValueChange = { newVal ->
                        textFieldValue.value = newVal
                    },
                    label = {
                        Text(dialogTitle.toUpperCase(Locale.current))
                    },
                    placeholder = {
                        Text(dialogTitle)
                    })
            }
        })
}

方案2：直接绑定传入的MutableState<String>

如果不需要TextFieldValue的额外信息（比如光标位置、选中范围），可以直接用传入的字符串状态绑定输入框：

@Composable
fun InputDialog(
    dialogTitle: String,
    description: String,
    value: MutableState<String>,
    show: MutableState<Boolean>,
    onConfirm: (String) -> Unit) {
    AlertDialog(
        onDismissRequest = {
            show.value = false
        },
        confirmButton = {
            TextButton(
                onClick = {
                    onConfirm(value.value)
                    show.value = false
                }
            ) {
                Text("Save")
            }
        },
        dismissButton = {
            TextButton(
                onClick = {
                    show.value = false
                }
            ) {
                Text("Cancel")
            }
        },
        text = {
            Column {
                Text(description)
                OutlinedTextField(
                    enabled = true,
                    readOnly = false,
                    value = value.value,
                    onValueChange = { newText ->
                        value.value = newText
                    },
                    label = {
                        Text(dialogTitle.toUpperCase(Locale.current))
                    },
                    placeholder = {
                        Text(dialogTitle)
                    })
            }
        })
}

核心原因解释 #

原来的代码中，val textFieldValue = TextFieldValue(value.value)会在每次Composable重组（比如输入内容触发UI更新）时重新执行，生成一个全新的TextFieldValue实例，输入框会被强制重置为初始值，导致用户输入的内容无法显示，看起来就像无法编辑。

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