为何Jetpack Compose中给State<T>赋新值无法触发UI更新？

问题根源 #

你代码里暴露给UI的uiState是初始化时一次性赋值的静态引用，不会跟随_uiState的变更同步更新：

• 你在ViewModel初始化时执行val uiState: InterestsUiState = _uiState，本质是把初始状态的InterestsUiState实例的引用直接存到了uiState里，这个引用是固定不变的。
• 代码A能正常运行，是因为你全程都在修改同一个InterestsUiState实例的可变属性，uiState指向的实例没有变，所以UI能读取到最新的属性值。
• 代码B调用copy生成了全新的InterestsUiState实例，赋值给了_uiState，但uiState还是指向最开始的旧实例，旧实例的状态一直停留在loading=true、数据为空的初始状态，自然不会有任何内容更新。

修复方案 #

方案1：给uiState添加自定义getter #

修改uiState的定义，每次读取时都取最新的_uiState值即可：

// 修改前
val uiState: InterestsUiState = _uiState
// 修改后
val uiState: InterestsUiState get() = _uiState

方案2：使用更规范的State暴露写法（推荐） #

建议把InterestsUiState改为不可变类（属性全用val），同时直接暴露State类型给UI，避免引用错误：

// 先修改UiState定义为不可变
data class InterestsUiState(
    val topics: List<InterestSection> = emptyList(),
    val people: List<String> = emptyList(),
    val publications: List<String> = emptyList(),
    val loading: Boolean = false,
)

// ViewModel里的状态定义改为
private val _uiState = mutableStateOf(InterestsUiState(loading = true))
val uiState: State<InterestsUiState> = _uiState

// 赋值时直接修改value
_uiState.value = _uiState.value.copy(
    loading = false,
    topics = topics,
    people = people,
    publications = publications
)

// UI侧读取时直接拿uiState.value即可

这种写法是Compose官方推荐的状态管理规范，不可变类+全量替换实例的方式能避免很多潜在的状态同步问题。

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