Jetpack Compose导航重组导致Lambda重复调用问题求助

你遇到的核心问题是：在Composable函数的顶层直接调用副作用逻辑（比如onNavigatedToDetailScreen()），会随着Compose的重组反复执行——这是因为Compose的重组机制会在状态变化时重新运行Composable代码，返回时的backStack变化会触发相关Composable的重组，导致你的Lambda被重复调用。

具体修复方案 #

使用LaunchedEffect包裹你的副作用逻辑，它能确保代码只在指定的依赖项首次出现或变化时执行一次，不会随重组重复运行。修改mainGraph中PlantDetail的Composable代码：

@OptIn(ExperimentalSharedTransitionApi::class)
fun NavGraphBuilder.mainGraph(
    onBackPressed: () -> Unit = {},
    sharedTransitionScope: SharedTransitionScope,
    navigateToDetailScreen: (String) -> Unit,
    onNavigatedToDetailScreen: () -> Unit
) {
    sharedTransitionScope.apply {
        composable<Screens.Main.Home> {
            BackHandler {
                onBackPressed()
            }

            HomeScreenMain(
                navigateToDetailScreen = navigateToDetailScreen, animatedVisibilityScope = this
            )
        }

        composable<Screens.Main.PlantDetail> { backStackEntry ->
            val plantId = backStackEntry.toRoute<Screens.Main.PlantDetail>().id
            
            // 用LaunchedEffect包裹，依赖backStackEntry确保仅进入详情页时执行一次
            LaunchedEffect(backStackEntry) {
                onNavigatedToDetailScreen()
            }

            PlantDetail(
                plantId = plantId, animatedVisibilityScope = this
            )
        }
    }
}

原理说明 #

• LaunchedEffect是Compose提供的用于处理协程副作用的API，属于一次性副作用：当传入的key（这里是backStackEntry）首次被组合或发生变化时，才会执行内部的代码块。
• 进入PlantDetail屏幕时，backStackEntry是新创建的实例，LaunchedEffect会执行onNavigatedToDetailScreen()；返回时，该Composable会被移除，重组时不会再触发这段逻辑。

其他注意事项 #

如果还有其他Lambda出现重复执行的问题，都可以用类似思路处理：

• 对于需要仅在Composable首次组合时执行的逻辑，用LaunchedEffect(Unit)
• 对于依赖特定状态的逻辑，将状态作为LaunchedEffect的key传入

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