如何在Jetpack Compose底部导航栏中调用Nav Graph内ViewModel的方法

方案1：提升ViewModel作用域（推荐，符合Compose单向数据流规范） #

你的问题核心是ViewModel的作用域被限制在AppNavigation内部，和底部导航所在层级分离，只要将ViewModel的作用域提升到和Scaffold同级的父可组合函数，即可实现调用。如果你的ViewModel是和导航图绑定的（比如使用Hilt的导航图作用域ViewModel），可以通过导航控制器获取导航图回退栈条目拿到同实例ViewModel，无需修改原有AppNavigation内的ViewModel声明。

步骤1：修改BottomNavBar新增回调参数 #

新增回调暴露Saved按钮的点击事件，符合事件向上传递的Compose开发规范：

@Composable
fun BottomNavBar(
    currentRoute: String?,
    navigateToBuild: () -> Unit,
    navigateToSaved: () -> Unit,
    // 新增回调参数
    onSavedItemClick: () -> Unit
) {
    // 原有代码不变
    onClick = {
        when (item.route) {
            NavigationItem.Build.route -> {
                navigateToBuild()
            }
            NavigationItem.Saved.route -> {
                navigateToSaved()
                // 触发回调
                onSavedItemClick()
            }
        }
    }
}

步骤2：在Scaffold所在层级获取ViewModel #

// 如果是普通Activity/Fragment作用域ViewModel，直接获取即可
val viewModel: YourViewModel = viewModel()

// 如果是导航图绑定的Hilt ViewModel，通过回退栈获取同实例
val navGraphEntry = remember {
    navController.getBackStackEntry("你的导航图路由地址")
}
val viewModel: YourViewModel = hiltViewModel(navGraphEntry)

步骤3：传递回调给BottomNavBar #

Scaffold(
    bottomBar = {
        BottomNavBar(
            currentRoute = currentRoute,
            navigateToBuild = { navController.navigate("build/0") },
            navigateToSaved = { navController.navigate(DashboardScreens.Saved.route) },
            // 回调中直接调用ViewModel方法
            onSavedItemClick = {
                viewModel.yourTargetMethod()
            }
        )
    }
) { innerPadding ->
    // 原有代码不变
}

方案2：事件总线（仅作备选） #

如果确实无法调整ViewModel作用域，可以使用SharedFlow实现跨组件事件通信：在底部导航点击时发送事件，在ViewModel中订阅对应事件触发方法。该方案会破坏单向数据流的可追溯性，非必要不推荐使用。

注意事项 #

• 导航图作用域ViewModel获取回退栈条目时，要确保对应导航图已经完成初始化，避免出现回退栈找不到的异常。
• 不要在可组合函数内部直接跨层级持有ViewModel引用，优先通过回调传递事件，保证代码可维护性。

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