Jetpack Compose中LiveData传入Composable lambda不触发重组问题

问题原因 #

核心在于Compose的状态依赖追踪机制：

• observeAsState返回的是State<T>类型对象，只有当在Composable的重组流程中读取该对象的value属性时，Compose才会将当前Composable注册为该状态的观察者，后续状态更新才会触发重组。
• 当你把外部observeAsState的value直接传入showBottomSheet的lambda时，这个值是lambda初始化时的快照——lambda本身的执行时机是BottomSheet首次创建时，此时传入的是当时的状态值，后续状态更新时，这个快照值不会自动同步，因为Compose没有在lambda的作用域内建立对原State<T>的依赖追踪。
• 而在lambda内部调用observeAsState，相当于在BottomSheet对应的Composable作用域内重新读取State<T>的value，这时候Compose会正确建立依赖关系，状态更新自然会触发BottomSheet的重组。

是否可以传入外部状态值？ #

可以，但必须传入**State<T>类型的对象**，而不是直接传value快照。这样在lambda内部读取该对象的value时，Compose就能追踪到状态依赖，后续更新会触发重组。

错误示例（无法触发重组） #

val liveDataValue by viewModel.someLiveData.observeAsState()
showBottomSheet {
    // 此处传入的是快照值，状态更新不会同步
    BottomSheetContent(currentValue = liveDataValue)
}

正确示例1：传入State对象 #

// 保存State对象，而非直接取value
val liveDataState = viewModel.someLiveData.observeAsState()
showBottomSheet {
    // 在lambda内部读取State的value，建立依赖
    BottomSheetContent(currentValue = liveDataState.value)
}

正确示例2：lambda内部observeAsState（你当前的可行方案） #

showBottomSheet {
    // 在BottomSheet的Composable作用域内观察LiveData，自动建立依赖
    val liveDataValue by viewModel.someLiveData.observeAsState()
    BottomSheetContent(currentValue = liveDataValue)
}

额外说明 #

showBottomSheet这类弹窗组件的lambda，默认只会在弹窗首次创建时执行一次。如果需要后续状态更新触发lambda内Composable的重组，必须确保状态读取发生在Compose的重组追踪范围内——也就是依赖State<T>对象，而非静态的快照值。

内容的提问来源于stack exchange，提问作者Saehun Sean Oh