13、在 Compose 中使用 Jetpack Navigation 实现导航

在 Compose 中使用 Jetpack Navigation 实现导航

在 Android 应用开发中，导航功能是提升用户体验的重要部分。本文将详细介绍如何在 Compose 中使用 Jetpack Navigation 实现屏幕间的导航，以及如何添加深度链接支持。

1. 获取餐厅数据

为了避免从远程 Firebase API 获取餐厅对象时阻塞主线程，我们需要启动一个协程。使用 viewModelScope 协程构建器，确保协程的生命周期与 RestaurantDetailsViewModel 实例一致。在协程内部，我们执行以下操作：
1. 调用 getRemoteRestaurants() 挂起函数，并传入硬编码的餐厅 ID 值 2。此时， RestaurantsViewModel 还不知道要查找的餐厅 ID，后续进行导航时会解决这个问题。
2. 将获取的餐厅对象存储在 restaurant 变量中，并将其传递给 RestaurantDetailsViewModel 类的状态变量，以便 UI 能够根据最新的餐厅内容进行重组。

viewModelScope.launch {
    val restaurant = getRemoteRestaurants(2)
    state.value = restaurant
}

2. 构建餐厅详情屏幕

接下来，