Jetpack Compose中ViewModel绑定字符串更新时UI不刷新问题排查

Compose 中 mutableStateOf 的触发机制是 仅监听其持有对象的引用变更，不会自动追踪被包裹对象内部的字段修改。
你的代码里setEmail方法直接修改model实例内部的correo字段，整个LoginModel实例的内存引用没有发生任何变化，mutableStateOf无法感知到状态更新，自然不会触发Composable重组，输入框就不会同步显示输入的内容。
另外你定义的LoginModel是带可变字段（correo为var）的数据类，这种可变数据类本身就不符合Compose单向数据流的设计要求，很容易出现状态修改不触发重组的问题。

优先选择官方推荐的不可变状态+全量替换实例的实现方式，步骤如下：

• 把LoginModel的所有字段改成不可变的val，禁止外部直接修改内部属性
• 更新字段时通过data类自带的copy()方法生成新的实例，整体替换mutableStateOf持有的旧对象，触发状态通知
• 给model属性加private set修饰，避免页面代码直接修改状态实例，保证所有状态变更都走ViewModel的公开方法

修正后的ViewModel代码：

data class LoginModel(
    val correo: String = "", 
    val password: String = ""
)

class LoginViewModel: ViewModel() {
    var model by mutableStateOf(LoginModel())
        private set

    fun setEmail(text: String){
        model = model.copy(correo = text)
    }

    // 密码字段更新逻辑同理
    fun setPassword(text: String) {
        model = model.copy(password = text)
    }
}

你现有的Composable页面代码不需要做任何修改，替换ViewModel之后输入框就能正常联动更新。

其他可选方案（不推荐） #

如果你一定要保留可变Model的写法，可以把状态监听下沉到Model的每个字段上，给每个字段单独套mutableStateOf：

import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.setValue

// 注意：这种写法会让Model层强依赖Compose的状态API，耦合度高，不利于后续复用
class LoginModel {
    var correo: String by mutableStateOf("")
    var password: String by mutableStateOf("")
}

class LoginViewModel: ViewModel() {
    val model = LoginModel()

    fun setEmail(text: String){
        model.correo = text
    }
}

• 不要直接修改mutableStateOf包裹的普通对象内部字段，这类操作不会触发重组，是Compose状态管理最常见的新手坑
• 状态层尽量使用不可变数据类，通过copy方法更新状态，能避免绝大多数状态不一致、UI不更新的问题
• 状态修改逻辑尽量收敛在ViewModel内部，不要让Composable页面直接修改状态实例，保证单向数据流的流向清晰

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