Android Compose：Composable销毁后collectAsStateWithLifecycle停止收集值

核心问题：错误使用rememberSaveable保存State对象 #

你在Composable中直接将collectAsStateWithLifecycle返回的State<Banner?>用rememberSaveable保存，这是错误的：

val banner = bannerViewModel.bannerStateFlow.collectAsStateWithLifecycle(null)
val rememberedBanner = rememberSaveable { banner }

• collectAsStateWithLifecycle返回的State对象与当前Composable的生命周期绑定，会自动在组件活跃时订阅Flow，非活跃时取消订阅。
• 用rememberSaveable保存该State实例后，页面导航返回时，UI会复用旧的State对象，而这个旧对象已不再订阅ViewModel中Flow的新发射（之前的订阅随组件生命周期结束已取消），导致UI无法接收新值。

额外隐患：ViewModel中Flow的订阅管理逻辑 #

你的bannerStateFlow使用stateIn配合SharingStarted.WhileSubscribed(5_000)：

.stateIn(
    scope = viewModelScope,
    started = SharingStarted.WhileSubscribed(5_000),
    initialValue = null
)

当页面离开超过5秒，所有订阅者取消后，WhileSubscribed会停止上游Firebase连接流。但由于flatMapLatest依赖的savedStateHandle.getStateFlow只有在值变化时才会发射新值，若savedStateHandle的bannerInfoResourceId未更新，即使页面返回，flatMapLatest也不会重新执行getBannerUseCase()，无法重新连接Firebase。

修复步骤 #

1. 移除Composable中错误的rememberSaveable使用 #

直接使用collectAsStateWithLifecycle的结果即可，ViewModel的StateFlow会自动保留最新状态，页面返回时collectAsStateWithLifecycle会重新订阅并获取最新值：

val banner by bannerViewModel.bannerStateFlow.collectAsStateWithLifecycle(null)

2. 调整ViewModel中Flow的订阅策略 #

方案一：手动触发重新加载

在ViewModel中添加刷新方法，通过更新savedStateHandle的值触发flatMapLatest重新执行：

fun refreshBanner() {
    savedStateHandle["bannerInfoResourceId"] = UUID.randomUUID().toString()
}

在Composable的LaunchedEffect中调用，确保页面进入时重新连接Firebase：

LaunchedEffect(Unit) {
    bannerViewModel.refreshBanner()
}

方案二：优化stateIn启动策略

使用WhileSubscribed重载配置，确保重新订阅时能触发上游流重启：

.stateIn(
    scope = viewModelScope,
    started = SharingStarted.WhileSubscribed(stopTimeoutMillis = 5_000, replayExpirationMillis = 0),
    initialValue = null
)

总结 #

最直接的修复是移除Composable中错误的rememberSaveable代码，让collectAsStateWithLifecycle正常管理订阅。若需页面返回后恢复Firebase连接，可结合手动刷新逻辑或调整stateIn的启动策略。

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