Compose Desktop MenuBar共享导航逻辑报错，如何解决？

1. 补全Desktop模块的导航依赖 #

先检查desktopMain的build.gradle.kts，确保引入了和commonMain版本一致的compose navigation依赖：

implementation("androidx.navigation:navigation-compose:2.7.7")

（版本号请替换成你项目中使用的实际版本）

2. 正确初始化NavController #

报错核心原因是你创建的NavController没有注册ComposeNavigator，解决方式分两种：

推荐方式：在Composable上下文内创建 #

修改AppStateHolder的使用逻辑，在Window的content Composable中用rememberNavController()初始化：

// desktopMain的Window代码
Window(
    onCloseRequest = ::exitApplication,
    title = "你的应用名称"
) {
    val appState = remember { AppState(rememberNavController()) }
    // 将appState传入commonMain的根Composable
    RootApp(appState)
}

rememberNavController()会自动帮你注册ComposeNavigator，避免手动操作的麻烦。

备选方式：手动注册导航器 #

如果必须在非Composable环境创建NavController，需要手动添加ComposeNavigator：

val navController = NavController(LocalContext.current).apply {
    addNavigator(ComposeNavigator())
}

3. 确保commonMain中NavHost正确关联 #

在commonMain的根Composable里，使用传入的navController构建NavHost，定义好所有页面路由：

// commonMain的RootApp
@Composable
fun RootApp(appState: AppState) {
    NavHost(
        navController = appState.navController,
        startDestination = "home"
    ) {
        composable("home") { HomeScreen(onNavigateToSettings = { appState.navController.navigate("settings") }) }
        composable("settings") { SettingsScreen() }
        // 其他页面路由定义
    }
}

4. MenuBar共享导航逻辑 #

在desktopMain的MenuBar中直接调用appState的navController执行导航，和页面按钮的逻辑完全一致：

MenuBar {
    Menu(title = "导航") {
        Item("首页", onClick = { appState.navController.navigate("home") })
        Item("设置", onClick = { appState.navController.navigate("settings") })
    }
}

这样就能彻底解决导航器未注册的报错，同时实现MenuBar和页面按钮共享同一导航逻辑。

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