Compose Multiplatform中如何通过SavedState传递kotlinx @Serializable对象作为导航返回结果？

我太懂你这种头疼的感觉了——明明官方说SavedState现在支持kotlinx序列化了，结果实际用在导航返回结果上要么直接崩，要么拿的是默认值，完全达不到预期。我之前也踩过类似的坑，咱们一步步来拆解问题，再给你一套能跑通的代码示例。

首先先分析你遇到的两个问题：

1. 直接调用navController.previousBackStackEntry?.savedStateHandle?.set("RESULT", brand)崩溃：
   这是因为SavedStateHandle的原生set方法只支持有限的基本类型，虽然它现在兼容kotlinx序列化，但**必须用配套的扩展委托（就是你用的saved方法）**来存取值，不能直接用原生set，不然框架不知道该怎么序列化你的自定义对象，直接就抛异常了。

2. 用saved委托设置后拿不到正确值，只能拿到默认值：
   大概率是这几个原因：

   • 发送方和接收方用的key不统一（比如拼写错了大小写）
   • 你在onResume里读取的时机不对，Compose里应该用状态监听的方式，而不是依赖生命周期回调
   • popBackStack的时机太早，值还没完全写入SavedStateHandle就返回了

接下来是能跑通的解决步骤和代码示例：

第一步：确保你的序列化类定义正确 #

首先要保证BrandDto确实加了@Serializable注解，没有遗漏：

import kotlinx.serialization.Serializable

@Serializable
data class BrandDto(val name: String)

第二步：定义统一的结果Key #

把结果key抽成全局常量，避免发送方和接收方拼写不一致：

const val RESULT_BRAND_EDIT = "result_brand_edit"

第三步：发送方的实现（编辑品牌页面） #

用ViewModel来托管SavedState，通过saved委托设置返回值，确保设置完值之后再调用popBackStack：

// 发送方ViewModel
class EditBrandViewModel(
    private val savedStateHandle: SavedStateHandle
) : ViewModel() {
    // 用saved委托托管结果状态
    private var result by savedStateHandle.saved(RESULT_BRAND_EDIT) { BrandDto(name = "") }

    // 对外暴露设置结果的方法
    fun setBrandResult(brand: BrandDto) {
        result = brand
    }
}

// 发送方Composable
@Composable
fun EditBrandScreen(
    navController: NavHostController,
    viewModel: EditBrandViewModel = viewModel()
) {
    // 假设这里是你编辑后得到的目标Brand实例
    val editedBrand = BrandDto(name = "更新后的品牌名称")

    Button(onClick = {
        // 先设置结果
        viewModel.setBrandResult(editedBrand)
        // 再执行返回操作
        navController.popBackStack()
    }) {
        Text("保存并返回")
    }
}

第四步：接收方的实现（商品页面） #

接收方同样用ViewModel和saved委托来监听结果，Compose会自动在状态变化时重组UI，不用再依赖onResume：

// 接收方ViewModel
class ProductViewModel(
    private val savedStateHandle: SavedStateHandle
) : ViewModel() {
    // 直接用saved委托读取结果，一旦值变化会自动通知Composable
    val brandResult by savedStateHandle.saved(RESULT_BRAND_EDIT) { BrandDto(name = "") }
}

// 接收方Composable
@Composable
fun ProductScreen(
    viewModel: ProductViewModel = viewModel(),
    navController: NavHostController
) {
    // 直接监听brandResult的变化，值更新时会自动重组
    val returnedBrand = viewModel.brandResult

    // 用LaunchedEffect处理结果变化的逻辑（比如更新商品的品牌）
    LaunchedEffect(returnedBrand) {
        if (returnedBrand.name.isNotEmpty()) {
            // 这里执行你的业务逻辑，比如赋值给product.brand
            // product.brand = returnedBrand
        }
    }

    Button(onClick = {
        navController.navigate("edit_brand")
    }) {
        Text("编辑商品品牌")
    }
}

额外要注意的几个点： #

• 不要直接操作previousBackStackEntry的savedStateHandle：这种方式不仅容易因为栈状态异常导致空指针，还没法利用kotlinx序列化的扩展支持，老老实实通过当前页面的SavedStateHandle委托来处理更可靠。
• 确保ViewModel是和导航栈条目绑定的：也就是用viewModel()创建实例，不要自己new，这样ViewModel的SavedStateHandle才会和当前导航条目绑定。

如果按照上面的代码来写，应该就能正常传递序列化对象作为返回结果了，我自己用这套逻辑在Compose Multiplatform项目里跑通过，亲测有效。

内容来源于stack exchange