compose navigation 自定义navtype

Jetpack compose navigation with custom NavType

https://www.youtube.com/watch?v=qBxaZ071N0c&t=182s

定义两个路由

@Serializable
data object DogListRoute

@Serializable
data class DogDetailRoute(
    val dog: Dog,
    val breedSize: BreedSize
)

即两个页面，一个狗列表页面，点击列表项，进入狗详情界面。

大部分情况下，我们应该是传狗的ID，然后在狗详情界面，通过查询本地数据库or API，去获取狗详情信息。

但是这里演示一个自定义的数据类型，通过navtype来传递。

可以看到 DogDetailRoute带了两个参数，一个是自定义类型Dog。另一个是枚举类型 BreedSize

@Serializable
data class Dog(
    val id: Int,
    val name: String,
)

enum class BreedSize {
    SMALL,
    MEDIUM,
    LARGE
}

序列