Jetpack Compose类型安全导航传递含List的Post类报错，求解决方案

问题原因 #

你遇到的异常是因为Navigation Compose的内置NavType没有默认支持List这类复杂集合类型的序列化/反序列化，当Post类包含List<Like>属性后，无法自动将其转换为路由参数类型，所以需要自定义处理或者换一种参数传递方式。

两种可行解决方案 #

方案一：自定义NavType支持复杂对象序列化 #

因为你的数据类已经用@Serializable标记，可以借助kotlinx.serialization将整个Post对象序列化为字符串，再自定义NavType来处理这个字符串的编解码：

1. 先实现自定义的PostNavType：

import androidx.navigation.NavType
import kotlinx.serialization.encodeToString
import kotlinx.serialization.json.Json

object PostNavType : NavType<Post>(isNullableAllowed = false) {
    override fun get(bundle: android.os.Bundle, key: String): Post? {
        return bundle.getString(key)?.let { Json.decodeFromString(it) }
    }

    override fun parseValue(value: String): Post {
        return Json.decodeFromString(value)
    }

    override fun put(bundle: android.os.Bundle, key: String, value: Post) {
        bundle.putString(key, Json.encodeToString(value))
    }
}

2. 修改路由定义，指定自定义NavType：

NavHost(navController = navController, startDestination = FeedScreen) {
    composable<FeedScreen> {
        FeedScreen(navController)
    }
    composable(
        route = "post/{post}",
        arguments = listOf(navArgument("post") { type = PostNavType })
    ) { backStackEntry ->
        val post = backStackEntry.arguments?.let { args ->
            args.get("post") as? Post
        } ?: return@composable
        PostScreen(post, onGoBack = { navController.popBackStack() })
    }
}

3. 跳转时序列化Post对象：

Post(post = p, onClickCard = {
    navController.navigate("post/${Json.encodeToString(p)}")
})

⚠️ 注意：如果Post对象包含大量数据，序列化后的字符串可能过长，超过Android Bundle的存储限制，导致崩溃或参数丢失。

方案二：仅传递Post的id（更推荐） #

直接传递Post的id，在PostScreen中通过id从数据库或API重新获取完整数据，这是Android Navigation的最佳实践：

1. 修改路由为接收id参数：

NavHost(navController = navController, startDestination = FeedScreen) {
    composable<FeedScreen> {
        FeedScreen(navController)
    }
    composable(
        route = "post/{postId}",
        arguments = listOf(navArgument("postId") { type = NavType.IntType })
    ) { backStackEntry ->
        val postId = backStackEntry.arguments?.getInt("postId") ?: return@composable
        // 这里通过id获取Post数据，示例用ViewModel获取
        val post by viewModel.getPostById(postId).collectAsState(initial = null)
        post?.let {
            PostScreen(it, onGoBack = { navController.popBackStack() })
        }
    }
}

2. 跳转时只传递id：

Post(post = p, onClickCard = {
    navController.navigate("post/${p.id}")
})

为什么推荐这种方式？

• 彻底避免复杂对象序列化的各种问题，比如类型不支持、参数过长
• 页面职责更清晰：PostScreen只负责根据id拉取并展示数据，不依赖上层传递的对象
• 能展示最新数据：如果跳转前后Post数据有更新，重新获取的是最新版本，不会展示过时的缓存内容

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