Jetpack Compose +导航 - 导航（）上的无限循环

Question

我正在使用 Jetpack Compose + 导航（单一活动，无片段），并且我正在尝试执行如下导航路线：

SplashScreen ---(delay)---> AuthScreen ---（如果成功）--> MainScreen

不幸的是，当我执行登录时，LoginScreen 可组合项中的函数 navigate() 会导致无限循环。我不明白我是否正在触发重组或会发生什么。 不幸的是，很难共享所有代码，但请记住：

• 该问题似乎与 LoginScreen 和 MainScreen 可组合项无关（您可以假设它们是只是一个简单的 Text 可组合项）
• 它似乎也与 NavigationGraph 无关。事实上，如果我只是制作 SplashScreen --> MainScreen 转换不会发生问题
• 如果我删除行 navController.navigate("main") ，则不再有循环；
• 该代码基于（几乎复制粘贴） 此 示例

这是出现问题的 AuthScreen 代码。

@Composable
fun AuthScreen(navController: NavController) {
    val signInRequestCode = 1
    val context = LocalContext.current

    val mSignInViewModel: SignInGoogleViewModel = viewModel(
        factory = SignInGoogleViewModelFactory(context.applicationContext as Application)
    )

    val state = mSignInViewModel.googleUser.observeAsState()
    val user = state.value

    val isError = rememberSaveable { mutableStateOf(false) }


    val authResultLauncher =
        rememberLauncherForActivityResult(contract = GoogleApiContract()) { task ->
            try {
                val gsa = task?.getResult(ApiException::class.java)

                if (gsa != null) {
                    mSignInViewModel.fetchSignInUser(gsa.email, gsa.displayName)
                } else {
                    isError.value = true
                }
            } catch (e: ApiException) {
                Log.e("Authscreen", e.toString())
            }
        }

    AuthView(
        onClick = { authResultLauncher.launch(signInRequestCode) },
        isError = isError.value,
        mSignInViewModel
    )

    Log.d("TEST", "Loop check")  //THIS GOES LIKE CRAZY IN THE LOGCAT!

    user?.let {
        mSignInViewModel.hideLoading()

        //Create JSON adapter to move data
        val moshi = Moshi.Builder().build()
        val jsonAdapter = moshi.adapter(GoogleUserModel::class.java).lenient()
        val userJson = jsonAdapter.toJson(user)

        //Navigate to main screen
        navController.navigate("main")
    }

}

这是导航图代码：

const val ROOT_ROUTE = "root_route"

@Composable
fun SetupRootNavGraph(navController: NavHostController) {
    NavHost(
        navController = navController,
        startDestination = Screen.SplashScreen.route,
        route = ROOT_ROUTE
    ) {
        composable(Screen.SplashScreen.route) { SplashScreen(navController)}
        composable(Screen.AuthScreen.route) { AuthScreen(navController)}
        composable(Screen.MainScreen.route) {MainScreen(navController)}
    }
}

Answer 1

这是因为您正在尝试从可组合项进行导航。请参阅文档

您应该仅将 navigator() 作为回调的一部分调用，而不是作为可组合项本身的一部分，以避免在每次重组时调用 navigator()。

例如，您可以使用 LaunchEffect