Android Jetpack Compose中如何全局使用NavController？

你完全不用通过参数层层传递NavController，Compose提供了更简洁的方式来获取和使用它，以下是两种常用方案：

1. 直接使用LocalNavController（最常用） #

NavHost在创建时会自动将对应的NavController存入CompositionLocal，所有在NavHost作用域内的子Composable，都可以直接通过LocalNavController.current获取实例，无需手动传参。

修改你的代码示例如下：

@Composable
fun ChatHome(
    appViewModel: AppViewModel
) {
    ChatList()
}

@Composable
fun ChatList() {
    LazyColumn(
        modifier = Modifier
            .fillMaxSize()
            .padding(horizontal = 16.dp, vertical = 8.dp)
    ) {
        items(chatItemList) { chat ->
            ChatItem(chat) {}
        }
    }
}

@Composable
fun ChatItem(
    chat: Chat,
    onRowClick: (Chat) -> Unit
) {
    // 直接获取NavController
    val navController = LocalNavController.current
    
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .padding(10.dp)
            .clickable(onClick = {
                onRowClick(chat)
                navController.navigate("chatDetail/${chat.chatId}")
            })
    ) {
        // ... 原有UI逻辑
    }
}

注意：使用这种方式的前提是，当前Composable必须位于NavHost的子树范围内，这是NavController的基本使用约束，因为它本身就是和特定NavHost绑定的。

2. 基于ViewModel的事件驱动导航（适合复杂场景） #

如果你的导航逻辑比较复杂，或者需要在ViewModel中触发导航操作，推荐使用事件驱动的方式，避免ViewModel直接持有NavController（防止内存泄漏）。

步骤1：定义导航事件 #

sealed class NavigationEvent {
    data class NavigateToChatDetail(val chatId: String) : NavigationEvent()
    // 可以扩展其他导航事件
}

步骤2：在ViewModel中管理导航事件 #

class AppViewModel : ViewModel() {
    private val _navigationEvent = MutableSharedFlow<NavigationEvent>()
    val navigationEvent = _navigationEvent.asSharedFlow()

    // 对外暴露触发导航的方法
    fun navigateToChatDetail(chatId: String) {
        viewModelScope.launch {
            _navigationEvent.emit(NavigationEvent.NavigateToChatDetail(chatId))
        }
    }
}

步骤3：在Composable中收集事件并执行导航 #

@Composable
fun ChatHome(
    appViewModel: AppViewModel
) {
    val navController = LocalNavController.current

    // 收集导航事件，触发对应导航操作
    LaunchedEffect(Unit) {
        appViewModel.navigationEvent.collect { event ->
            when (event) {
                is NavigationEvent.NavigateToChatDetail -> {
                    navController.navigate("chatDetail/${event.chatId}")
                }
            }
        }
    }

    ChatList(appViewModel)
}

@Composable
fun ChatList(appViewModel: AppViewModel) {
    LazyColumn(
        modifier = Modifier
            .fillMaxSize()
            .padding(horizontal = 16.dp, vertical = 8.dp)
    ) {
        items(chatItemList) { chat ->
            ChatItem(chat, appViewModel) {}
        }
    }
}

@Composable
fun ChatItem(
    chat: Chat,
    appViewModel: AppViewModel,
    onRowClick: (Chat) -> Unit
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .padding(10.dp)
            .clickable(onClick = {
                onRowClick(chat)
                // 调用ViewModel方法触发导航
                appViewModel.navigateToChatDetail(chat.chatId)
            })
    ) {
        // ... 原有UI逻辑
    }
}

这种方式更符合MVVM架构原则，ViewModel只负责处理业务逻辑和发送导航事件，具体的导航操作由Composable层执行，避免了ViewModel和UI层的强耦合。

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