Jetpack Compose Navigation引导页导航出现无限循环问题求助

1. 导航副作用未正确处理：Screen1中直接在Composable的重组流程里调用done()（导航操作），而Composable会因状态变化、父组件更新等多种原因重复执行。当screen1保持true状态时，每次重组都会触发导航请求，导致无限循环调用navigate(Screen2)。
2. 导航图存在错误配置：Screen3对应的Composable错误使用了Screen1，这会导致后续流程再次触发Screen1的逻辑，引发额外问题。

1. 修复Screen1的导航触发逻辑 #

用LaunchedEffect包裹导航操作，确保仅在screen1状态变为true时执行一次导航，避免重复触发：

@Composable
fun Screen1(
   done: () -> Unit,
   viewModel: StartupViewModel = hiltViewModel()
) {
   val screen1 by viewModel.screen1.observeAsState()

   if (screen1 != true) {
         Button(onClick = { viewModel.setScreen1(true) }) {
            Text(text = "Go to screen 2")
         }
   }

   // 仅在screen1变为true时执行一次导航
   LaunchedEffect(screen1) {
      if (screen1 == true) {
         done()
      }
   }
}

LaunchedEffect的键值为screen1，只有当该状态发生变化时才会执行内部逻辑，彻底避免重组时重复触发导航。

2. 修正导航图的Screen3配置 #

将Screen3对应的Composable改为正确的Screen3（而非Screen1）：

composable(Routes.Screen3.name) {
   Screen3(
      done = {
         navController.navigate(Routes.Main.name)
      }
   )
}

3. 可选优化导航行为 #

如果需要在跳转到Screen2时彻底移除引导页栈（Welcome、Screen1），可以修改导航参数，确保栈清理更彻底：

composable(Routes.Screen1.name) {
   Screen1(
      done = {
         navController.navigate(Routes.Screen2.name) {
            // 包含Welcome在内，彻底清空引导页栈
            popUpTo(Routes.Welcome.name) { inclusive = true }
            // 避免重复创建Screen2实例
            launchSingleTop = true
         }
      }
   )
}

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