Jetpack Compose类型安全导航：如何转换navDestination为NavRoute？

当然可以实现这个需求，核心思路是利用你定义的NavRoute的序列化特性，从NavDestination中提取路由信息后，解析成对应的NavRoute实例。以下是具体实现步骤：

1. 给NavRoute添加解析方法 #

在你的密封类中添加一个伴生对象，实现从NavDestination解析为NavRoute的逻辑：

sealed class NavRoute {
    @Serializable
    object Home : NavRoute()
    
    @Serializable
    object Login: NavRoute()
    
    @Serializable
    data class OrderDetail(val orderId: Int) : NavRoute()

    companion object {
        private val jsonFormat = Json { ignoreUnknownKeys = true }

        fun fromDestination(destination: NavDestination): NavRoute? {
            val routeStr = destination.route ?: return null
            return try {
                jsonFormat.decodeFromString(serializer(), routeStr)
            } catch (e: SerializationException) {
                // 解析失败时返回null，可根据业务需求调整处理逻辑
                null
            }
        }
    }
}

2. 修改监听逻辑 #

在OnDestinationChangedListener中直接调用上面的解析方法，就能拿到类型安全的NavRoute实例：

DisposableEffect(navController) {
    val listener = NavController.OnDestinationChangedListener { _, navDestination, _ ->
        val navRoute = NavRoute.fromDestination(navDestination)
        navRoute?.let { route ->
            when(route) {
                NavRoute.Home -> Log.d("ScreenName", "导航到首页")
                NavRoute.Login -> Log.d("ScreenName", "导航到登录页")
                is NavRoute.OrderDetail -> Log.d("ScreenName", "导航到订单详情页，订单ID：${route.orderId}")
            }
        } ?: run {
            Log.d("ScreenName", "无法识别的路由：${navDestination.route}")
        }
    }
    navController.addOnDestinationChangedListener(listener)
    onDispose {
        navController.removeOnDestinationChangedListener(listener)
    }
}

注意事项 #

• 确保导航图中定义的路由格式和NavRoute序列化后的格式完全匹配，比如OrderDetail对应的路由应该是"orderDetail/{orderId}"，参数名要和data类的属性名一致。
• 如果路由中包含额外的查询参数，可以开启ignoreUnknownKeys = true来避免解析失败，或者在NavRoute中添加对应的属性。
• 解析失败的场景（比如路由格式不匹配）可以根据业务需求调整，比如抛出异常或者返回默认路由。

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