Jetpack Compose应用中使用StateFlow无法触发UI更新的解决方案咨询

1. StateFlow 默认自带防抖逻辑，会对连续发出的两个值做相等性校验，只有值不相等时才会向下游分发新状态，避免不必要的UI重绘。
2. 你的Event类使用var定义可变属性，点击按钮时你先修改了原本就存储在StateFlow中的Event实例的data值，此时旧状态里的Event的data已经和你要emit的新Event的data完全相同，再emit包含同一个Event实例的Success状态时，StateFlow判断新旧状态相等，直接丢弃了这次更新，所以UI不会刷新。
3. 你原有代码中的updateState方法还存在语法问题：newEvent变量未定义就直接使用。

StateFlow是Jetpack Compose状态管理的官方推荐方案之一，完全适配你的需求，只需调整默认的相等性校验规则即可。

你可以通过自定义distinctUntilChanged规则，覆盖StateFlow的默认防抖逻辑，实现只要data属性变化就触发状态更新的效果，修改后的ViewModel示例代码如下：

class MainViewModel : ViewModel() {
    private val _viewStatePublisher: MutableStateFlow<ViewState> =
        MutableStateFlow(ViewState.Success(Event(0)))
    // 自定义相等性校验规则
    val viewStatePublisher: StateFlow<ViewState> = _viewStatePublisher
        .distinctUntilChanged { old, new ->
            // 仅当Success状态下的data值完全相同时才视为状态相等，跳过防抖
            if (old is ViewState.Success && new is ViewState.Success) {
                old.data.data == new.data.data
            } else {
                old == new
            }
        }
        .stateIn(
            scope = viewModelScope,
            started = SharingStarted.WhileSubscribed(5000L),
            initialValue = _viewStatePublisher.value
        )

    fun updateState(event: Event) {
        event.data = event.data + 1
        viewModelScope.launch {
            _viewStatePublisher.emit(ViewState.Success(event))
        }
    }
}

• 使用可变对象作为状态载体不符合单向数据流的最佳实践，你需要严格保证所有状态修改都走ViewModel提供的方法，禁止在UI层直接修改Event的属性，否则会出现状态不同步的不可预期问题。
• 如无强需求必须保留data的可变属性，还是推荐使用不可变val+copy的方案，稳定性更高。

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