Jetpack Compose开发疑问：是否必须向所有Composable传递NavController？

你遇到的核心问题是：重新创建NavController会生成与NavHost绑定实例不同的对象，导致跳转无效或空指针。下面提供两种可行的解决方案：

方案一：直接传递NavController参数 #

这是最直观的方式，把NavHost中创建的NavController直接传递给需要跳转的Composable：

修改MyApp.kt代码 #

@Composable
fun MyApp() {
    val navController = rememberNavController()
    NavHost(navController = navController, startDestination = "home_page") {
        composable("home_page") {
            // 将navController作为参数传入HomePage
            HomePage(HomePageData(), navController)
        }
        composable("login_page") {
            LoginPage(navController)
        }
    }
}

修改HomePage.kt代码 #

@Composable
fun HomePage(viewModel: HomePageData, navController: NavController) {
    Surface {
        Text(viewModel.pageText, Modifier.clickable {
            // 调用navigate方法完成页面跳转
            navController.navigate("login_page")
        })
    }
}

方案二：使用LocalNavController（推荐） #

Jetpack Compose提供了LocalNavController这个CompositionLocal，在NavHost覆盖的范围内，所有Composable都能通过它获取到与NavHost绑定的同一个NavController实例，无需手动传递参数：

修改HomePage.kt代码 #

@Composable
fun HomePage(viewModel: HomePageData) {
    // 直接从CompositionLocal中获取正确的NavController实例
    val navController = LocalNavController.current
    Surface {
        Text(viewModel.pageText, Modifier.clickable {
            navController.navigate("login_page")
        })
    }
}

这种方式不需要改动MyApp中的代码，更适合复杂页面结构，避免参数层层传递的麻烦。

注意事项 #

• 绝对不要在需要跳转的Composable中重新调用rememberNavController()，这会生成独立的实例，无法和NavHost联动。
• 如果是通用的子组件（比如按钮），可以考虑将跳转逻辑封装为lambda参数，或者在ViewModel中处理导航逻辑（进阶用法）。

内容的提问来源于stack exchange，提问作者郑迎风