Jetpack Compose中如何记住非基本类型类的状态？

问题原因 #

你用mutableStateOf(false)能正常工作，是因为布尔值是值类型，每次修改都会生成新实例，mutableStateOf能检测到引用变化并触发UI重组。但Register是普通引用类型类，当你修改它内部的correo、password等属性时，model的引用本身没有改变，mutableStateOf感知不到这种内部属性变化，自然无法触发UI更新，也就实现不了属性绑定。

解决方案 #

方法一：用mutableStateOf包裹类内每个属性

将Register类的每个属性都改为MutableState类型，让Compose能直接追踪单个属性的变化：

class Register {
    var correo by mutableStateOf("")
    var password by mutableStateOf("")
    var nombre by mutableStateOf("")
    var apellido by mutableStateOf("")
    var direccion by mutableStateOf("")
    var telefono by mutableStateOf("")
    var confirmacion by mutableStateOf("")
}

使用方式不变：

var model by remember { mutableStateOf(Register()) }

修改model.correo = "xxx"时，Compose会自动检测到属性变化并更新UI。

方法二：使用data class+copy更新实例

把Register改成data class，每次修改属性时生成新实例替换原有model，通过引用变化触发重组：

data class Register(
    val correo: String = "",
    val password: String = "",
    val nombre: String = "",
    val apellido: String = "",
    val direccion: String = "",
    val telefono: String = "",
    val confirmacion: String = ""
)

修改属性时用copy方法生成新实例：

var model by remember { mutableStateOf(Register()) }

// 示例：修改correo属性
model = model.copy(correo = "test@example.com")

这种方式适合属性修改不频繁的场景。

方法三：使用@Model注解（Compose 1.2+）

从Compose 1.2版本开始，可用@Model注解标记类，让Compose自动追踪内部属性变化：

@Model
class Register {
    var correo: String = ""
    var password: String = ""
    var nombre: String = ""
    var apellido: String = ""
    var direccion: String = ""
    var telefono: String = ""
    var confirmacion: String = ""
}

使用方式和你原来的写法一致，修改内部属性时会自动触发UI重组。注意需要确保依赖的Compose版本不低于1.2。

方法四：使用MutableStateFlow（适合跨组件状态共享）

如果需要在多个组件间共享状态，可使用StateFlow实现：

class Register {
    private val _correo = MutableStateFlow("")
    val correo = _correo.asStateFlow()
    
    private val _password = MutableStateFlow("")
    val password = _password.asStateFlow()
    
    // 其他属性同理实现
    
    fun updateCorreo(newValue: String) {
        _correo.value = newValue
    }
    
    fun updatePassword(newValue: String) {
        _password.value = newValue
    }
}

在Compose中通过collectAsState()转换为可观察状态：

val model = remember { Register() }
val correo by model.correo.collectAsState()

// 修改属性
model.updateCorreo("test@example.com")

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