MVVM架构下详情页添加收藏功能的状态一致性实现问询

你的问题核心在于点击FAB后直接修改UI状态，但没有等待数据库操作的结果——如果数据库更新失败（比如IO异常、约束冲突等），UI就会显示错误的状态，和真实数据脱节。要解决这个问题，核心思路是让UI状态完全由数据库的真实数据驱动，而不是手动同步。下面是具体的实现方案：

1. 移除UI的手动状态切换，让LiveData驱动UI更新 #

首先，删除Fragment中点击FAB时手动切换fab.isSelected的代码，这是导致不一致的根源。我们只需要通知ViewModel执行更新操作，UI状态的更新完全依赖ViewModel中beer LiveData的最新数据：

// 修改Fragment中的fab点击事件
fab.setOnClickListener {
    viewModel.updateBeer(beerDetails)
    // 移除这行错误代码：fab.isSelected = !beerDetails.isFavourite
}

2. 让ViewModel在更新后重新拉取最新数据 #

修改ViewModel的updateBeer方法，在数据库更新完成后，重新调用getBeer方法获取最新的数据库数据。这样beer LiveData会自动发出更新后的状态，Fragment的观察者会收到新数据并刷新UI：

class BeerDetailsViewModel @ViewModelInject constructor(private val repository: BreweryRepository) : ViewModel() {
    private val beerId = MutableLiveData<String>()

    fun getBeer(id: String) {
        beerId.value = id
    }

    var beer = beerId.switchMap { id ->
        liveData {
            emit(Resource.loading(null))
            emit(repository.getBeer(id))
        }
    }

    fun updateBeer(beer: BeerDomainModel) {
        viewModelScope.launch {
            repository.updateBeer(beer)
            // 更新完成后重新拉取最新数据，触发LiveData更新UI
            getBeer(beer.id)
        }
    }
}

3. 可选：添加更新加载状态，优化用户体验 #

为了避免用户重复点击FAB，还可以在ViewModel中添加一个加载状态的LiveData，在更新过程中禁用按钮：

// 在ViewModel中添加加载状态
private val _updateLoading = MutableLiveData<Boolean>()
val updateLoading: LiveData<Boolean> = _updateLoading

fun updateBeer(beer: BeerDomainModel) {
    viewModelScope.launch {
        _updateLoading.value = true
        try {
            repository.updateBeer(beer)
            getBeer(beer.id)
        } finally {
            // 无论成功失败，都结束加载状态
            _updateLoading.value = false
        }
    }
}

然后在Fragment中订阅这个状态：

private fun subscribeToObservers() {
    viewModel.beer.observe(viewLifecycleOwner, { resource ->
        // 原有的逻辑不变
    })

    // 新增加载状态监听
    viewModel.updateLoading.observe(viewLifecycleOwner) { isLoading ->
        fab.isEnabled = !isLoading
        // 可选：如果需要，可以切换FAB的图标为加载动画
    }
}

为什么这个方案能解决问题？ #

• 单一数据源：UI的状态完全来自数据库的真实数据，ViewModel负责从数据库获取最新状态并通知UI，从根源上避免了手动同步的错误。
• 自动同步：无论数据库更新成功还是失败，重新拉取数据后，UI都会显示数据库的真实状态——如果更新失败，getBeer会拿到原来的状态，UI就不会错误切换；如果成功，就会显示新的收藏状态。
• 容错性强：即使出现异常（比如网络问题、数据库操作失败），UI也不会出现和数据不一致的情况。

内容的提问来源于stack exchange，提问作者Praveen P.