How to Parcelize data class in jetpack compose

May 16, 2023

I have data class and one variable is type of Color. I have logic to store different types of colors to show in UI i.e.

data class SubTitleModel(
    val text: String,
    val textColor: Color = Color.Black
)

When I am passing from one activity to another activity I have to use @Parcelize i.e.

import android.os.Parcelable
import kotlinx.parcelize.Parcelize

@Parcelize
data class SubTitleModel(
    val text: String,
    val textColor: Color = Color.Black
) : Parcelable

It giving me error on Color

Type is not directly supported by 'Parcelize'. Annotate the parameter type with '@RawValue' if you want it to be serialized using 'writeValue()'

so what does it mean? How to solve this problem? Please provide detail explanation with proper reference. Thanks

>Solution :

Another option is to pass Int or Long instead of passing Compose Color such as

data class SubTitleModel(
    val text: String,
    val textColor: Int = (0xFF000000).toInt()
)

Then in your ui

@Preview
@Composable
private fun Test() {
    val modelList = listOf(
        SubTitleModel(
            text = "SomeText"
        ),
        SubTitleModel(
            text = "SomeText2",
            textColor = Color.Red.toArgb()
        ),
        SubTitleModel(
            text = "SomeText3",
            textColor = Color.Green.toArgb()
        )
    )

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(20.dp)
            .border(2.dp, Color.Red)
    ) {
        modelList.forEach { model: SubTitleModel ->
            Text(text = model.text, color = Color(model.textColor))
        }
    }
}