Jetpack Compose底部导航：Scaffold/NavGraph外导航实现方法

跳转异常完全是两个写法错误导致的，和嵌套导航没有关系：

• 你在ProfileScreen内部重新调用rememberNavController()是核心错误：这个方法会在当前可组合项作用域里创建一个全新的、和MainActivity中绑定NavHost的导航控制器完全无关的实例，用它执行navigate根本不会触发你原有导航图的路由切换，自然会出现页面叠层、跳转到错误页面的问题。
• 这个单页面跳转的场景根本不需要搭建嵌套子导航图，你之前折腾嵌套导航出内存溢出、配置不生效的问题，全是多余配置导致的，完全没必要。

全程不需要改你现有的ViewModel逻辑、底部导航逻辑，只需要调整两处代码：

1. 给ProfileScreen加导航事件回调 #

不要在业务页面内部直接持有导航控制器，只需要对外暴露点击事件即可，原有获取AuthenticationViewModel的逻辑完全保留：

@Composable
fun ProfileScreen(
    onLoginClick: () -> Unit, // 新增登录点击回调参数
    authViewModel: AuthenticationViewModel = viewModel() // 原有ViewModel初始化逻辑不动
) {
    // 你原有的页面布局代码
    ClickableText(
        text = AnnotatedString("Log In"),
        onClick = { onLoginClick() } // 点击时直接调用传入的回调，不要在这里写导航逻辑
    )
}

2. 在NavHost配置处统一处理导航 #

修改BottomNav.kt里的Navigation可组合项，在注册profile路由时传入回调，使用当前绑定NavHost的合法navController执行跳转：

@Composable
fun Navigation(navController: NavHostController) {
    NavHost(
        navController = navController,
        startDestination = "home"
    ) {
        composable("home") { HomeScreen() }
        composable("orders") { OrdersScreen() }
        composable("map") { MapScreen() }
        // 修改profile路由的传参
        composable("profile") {
            ProfileScreen(
                onLoginClick = {
                    navController.navigate("login")
                }
            )
        }
        composable("login") {
            // 把之前临时放的MapScreen替换成你写好的登录表单页面即可
            LoginScreen()
        }
    }
}

注意：按照Compose官方的导航最佳实践，业务Screen组件不应该直接持有NavController实例，所有导航操作都应该通过事件向上分发，在NavHost的统一入口处处理，后续如果要加路由拦截（比如登录态校验、深链处理）会非常方便，也不会出现多控制器实例导致的跳转异常。

额外优化提示 #

• 如果需要登录成功后自动关闭登录页返回Profile，直接在登录成功的逻辑里调用navController.popBackStack()即可，不需要额外配置路由参数。
• 底部导航的跳转逻辑你之前配的popUpTo、launchSingleTop等参数不需要改动，不会和这个跳转逻辑冲突。

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