Jetpack Compose官方示例中基于State<T>的多状态展示逻辑疑问

问题1解答 #

你的判断不正确。
DetailsUiState的默认参数isLoading = false仅作用于主动构造实例且不传入该参数的场景，但是produceState会优先使用你传入的initialValue初始值：你明确给初始值设置了DetailsUiState(isLoading = true)，所以uiState的isLoading在初始阶段是true，仅后续lambda块执行完更新value之后，才会变为新实例的默认false值。

问题2解答 #

这个加载切换逻辑是依靠produceState的运行机制和Compose的重组特性实现的，具体流程如下：

1. 首次进入DetailsScreen触发重组时，produceState会立刻返回你设置的初始值DetailsUiState(isLoading = true)，此时uiState的cityDetails为null、isLoading为true，匹配到when的第二个分支，打印「Is Loading」并展示加载动画，首次重组完成。
2. produceState的lambda块属于副作用逻辑，不会阻塞首次重组，会在首次重组结束后才执行：执行时读取viewModel.cityDetails的结果，构造新的DetailsUiState实例赋值给produceState的value，新实例的isLoading为默认false，且成功场景下cityDetails不为空。
3. produceState的value发生变化后，会触发DetailsScreen的第二次重组，此时uiState的cityDetails不为空，匹配到when的第一个分支，打印「Have Data」并展示内容UI，完成状态切换。

注：即便viewModel.cityDetails是同步读取逻辑，也不会跳过初始加载状态，因为副作用lambda的执行时机晚于首次重组，必然会出现两次状态变更。

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