Jetpack Compose中LaunchedEffect与rememberCoroutineScope差异疑问

你之前的认知存在本质偏差，混淆了Compose重组流程的两个核心阶段：

• 组合阶段：Compose会遍历所有标记为需要重组的作用域，按执行路径调用命中的Composable函数，生成视图结构的描述快照。这个阶段只要函数在当前执行路径上，就一定会被调用，和最终节点是否要实际展示无关。
• 提交阶段：Compose会对比前后两次生成的快照差异，只有最终通过校验、被判定为需要插入到实际视图层级、展示给用户的节点，才算正式进入Composition。

最常见的「函数被调用但未进入Composition」场景就是条件渲染：比如示例代码中showLandingScreen状态在同一次重组流程中被快速修改，Compose在组合阶段可能已经执行了LandingScreen函数的代码，但提交阶段发现渲染条件已经不成立，就会直接丢弃这个LandingScreen的节点，不会把它展示到屏幕上。

LaunchedEffect 与 rememberCoroutineScope 的核心差异 #

两个API的设计定位完全不同，核心区别可以总结为两点：

• LaunchedEffect是生命周期绑定的受控副作用API：它的协程启动逻辑完全和Composable节点的生命周期挂钩，只有当节点成功提交进入Composition时才会启动协程；节点从Composition移除时协程会自动取消；传入的key发生变化时，会自动取消旧协程、启动新协程，整个执行过程完全受Compose生命周期管理，不会产生冗余执行。
• rememberCoroutineScope仅提供生命周期绑定的协程作用域，不负责自动触发协程：它只会返回一个和当前Composition生命周期绑定的协程作用域，不会自动管控协程的启动时机。如果直接在Composable函数体中调用scope.launch {}，这段逻辑会在组合阶段函数被调用时同步执行——只要函数被调用，不管最终节点有没有进入Composition，协程都会被启动，节点被丢弃时也不会自动取消协程，很容易造成资源浪费、逻辑重复执行。

正确使用规则 #

• 当你需要副作用随Composable进入Composition自动触发、执行周期完全和节点生命周期绑定时，使用LaunchedEffect：比如示例中的启动页延时跳转逻辑，只有启动页真正展示在屏幕上时才开始计时，页面未实际渲染就不执行，页面销毁时自动取消协程。
• 当你需要在用户主动触发的回调（比如点击事件、手势回调）中启动协程，且需要协程跟随当前Composition生命周期自动取消时，才使用rememberCoroutineScope：比如点击按钮提交表单、点击按钮弹出动画这类由操作主动触发的场景。

正确实现参考（即Codelab给出的标准写法） #

@Composable
private fun MainScreen(onExploreItemClicked: OnExploreItemClicked) {
    Surface(color = MaterialTheme.colors.primary) {
        var showLandingScreen by remember { mutableStateOf(true) }

        if (showLandingScreen) {
            LandingScreen(onTimeout = { showLandingScreen = false })
        } else {
            CraneHome(onExploreItemClicked = onExploreItemClicked)
        }
    }
}

@Composable
fun LandingScreen(modifier: Modifier = Modifier, onTimeout: () -> Unit) {
    Box(modifier = modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        val onCurrentTimeout by rememberUpdatedState(newValue = onTimeout)
        // 仅在LandingScreen真正进入Composition时启动延时协程
        LaunchedEffect(Unit) {
            delay(SplashWaitTime)
            onCurrentTimeout()
        }
        Image(painterResource(id = R.drawable.ic_crane_drawer), contentDescription = null)
    }
}

典型错误写法 #

@Composable
fun LandingScreen(modifier: Modifier = Modifier, onTimeout: () -> Unit) {
    Box(modifier = modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        val scope = rememberCoroutineScope()
        // 只要LandingScreen函数被调用就启动协程，不管节点最终是否进入Composition
        scope.launch {
            delay(SplashWaitTime)
            onTimeout()
        }
        Image(painterResource(id = R.drawable.ic_crane_drawer), contentDescription = null)
    }
}

这种错误写法在快速重组、条件分支频繁切换时，会同时启动多个冗余协程，可能导致超时逻辑被反复触发，出现预期外的页面跳转。

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