Jetpack Compose使用navController登录成功后无法跳转页面如何解决？

你同时使用了两套页面渲染逻辑，二者冲突导致导航失效：

• 你定义了NavHost托管路由跳转，但外层又额外写了if-else逻辑直接渲染AuthScreen/ProfileScreen，navController.navigate方法仅能操作NavHost内部的路由栈，外层直接渲染的页面会覆盖NavHost的渲染结果，自然看不到跳转效果。
• 登录成功后你仅调用了导航方法，没有更新viewModel.isUserAuthenticated的状态值，外层if-else逻辑会持续渲染AuthScreen。

方案1：使用NavHost统一管理路由，删除外层独立渲染逻辑 #

将启动目的地的判断逻辑直接放到NavHost的startDestination参数中，不需要自己在外层写if-else渲染页面：

val navController = rememberNavController()
// 直接根据认证状态设置启动路由
val startDestination = if (viewModel.isUserAuthenticated) "profile" else "auth"
NavHost(
    navController = navController,
    startDestination = startDestination
) {
    composable(route = "auth") {
        AuthScreen(navController = navController)
    }
    composable(route = "profile") {
        ProfileScreen(navController = navController)
    }
}

如果需要避免用户登录成功后按返回键回到登录页，可以修改登录成功后的导航逻辑，清空登录页的路由栈：

is Response.Success -> {
    if (response.data) {
        navController.navigate("profile") {
            popUpTo("auth") { inclusive = true }
        }
        Log.d(TAG, "Success")
    }
}

方案2：保留状态驱动渲染逻辑，无需调用NavHost导航 #

如果你更倾向用状态直接控制页面显示，不需要引入NavHost，直接在登录成功后更新viewModel.isUserAuthenticated的值即可自动完成页面切换，不需要调用navController.navigate：

is Response.Success -> {
    if (response.data) {
        // 直接更新认证状态，外层if-else会自动切换到ProfileScreen
        authViewModel.updateAuthenticatedState(true)
        Log.d(TAG, "Success")
    }
}

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