Jetpack Compose Navigation自动导航页面快速回退问题如何解决？

• 导航属于副作用操作，你直接将导航逻辑放在Composable的常规代码流程中，没有和Compose的重组生命周期绑定，每次FirstScreen触发重组，都会重复执行一次导航操作。
• 按钮点击触发导航无异常，是因为点击回调是独立的用户事件，仅会在用户主动点击时执行一次，不会跟随重组反复触发。
• 加入Scaffold后问题复现，是因为Scaffold首次绘制时需要计算TopAppBar高度、内部内容padding等参数，会触发FirstScreen多次重组，导致导航逻辑被多次执行，打乱了回退栈的正常状态，就会出现跳转到SecondScreen后立刻切回的异常。移除Scaffold后FirstScreen首次重组次数减少，仅会执行一次导航，因此不会复现问题。

使用Compose官方提供的副作用API LaunchedEffect 包裹自动导航逻辑，保证导航操作仅在FirstScreen首次组合时执行一次，不会跟随重组重复触发，修改代码如下：

@Composable
fun FirstScreen(navController: NavController) {
    val isAppUpdated = true 
    Scaffold(
        topBar = {
            TopAppBar {
                Text(text = "First Screen Bar")
            }
        }
    ) {
        Column(
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center,
            modifier = Modifier.fillMaxSize()
        ) {
            Text(
                text = "First Screen",
                textAlign = TextAlign.Center,
                style = MaterialTheme.typography.h4
            )
            if (!isAppUpdated) OutdatedApp()
            else {
                // key设为Unit表示仅首次进入组合时执行一次
                LaunchedEffect(Unit) {
                    navigateToSecondScreen(navController)
                }
            }
        }
    }
}

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