Jetpack Compose中如何将Flow收集为State且无需调用.value取值

有两种成熟的实现方案可以满足你的需求，不需要每次调用都加.value：

方案1：ViewModel中直接收集Flow转为MutableState（最推荐） #

把Flow的收集逻辑放到ViewModel内部，对外仍然暴露和普通状态一样的属性，完全兼容你之前的调用习惯：

class YourViewModel : ViewModel() {
    var title by mutableStateOf("")
        private set

    init {
        // 在viewModelScope中收集Flow，更新状态
        viewModelScope.launch {
            flowOf("TITLE")
                .collect { 
                    title = it 
                }
        }
    }
}

调用方式和你之前的用法完全一致，不需要任何额外处理：

Text(text = viewModel.title)

该方案的优势是状态收集逻辑完全放在ViewModel层，和Compose UI层解耦，即使配置变更（比如屏幕旋转）也不会重复触发收集，性能更稳定，ViewModel销毁时协程会自动取消，不会产生内存泄露。

方案2：Compose层使用属性委托接收State #

如果你不想在ViewModel中启动协程收集Flow，也可以在Compose层通过by关键字委托接收collectAsState的返回值，同样可以省略.value：
首先ViewModel只需要对外暴露原始Flow即可，不需要写@Composable函数：

class YourViewModel : ViewModel() {
    val titleFlow = flowOf("TITLE")
}

在Composable中使用：

val title by viewModel.titleFlow.collectAsState(initial = "")
Text(text = title)

如果你希望进一步简化调用，也可以给对应Flow写专用的扩展函数减少样板代码：

@Composable
fun YourViewModel.title(): String 
    by titleFlow.collectAsState(initial = "")

调用时直接写：

Text(text = viewModel.title())

注意：不推荐在ViewModel中定义@Composable函数返回State，ViewModel的生命周期和Composable的生命周期完全独立，@Composable函数只能在Compose上下文调用，放在ViewModel中会导致两者耦合度提升，也容易引发生命周期不匹配的问题。

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