Crossfade full code.kt

enum class ConTentType{
    WORK, PARTY
}

fun ConTentType.getOpposite() = run {
    when(this){
        ConTentType.PARTY -> ConTentType.WORK
        ConTentType.WORK -> ConTentType.PARTY
    }
}

fun ConTentType.getDisplayString() = run {
    when(this){
        ConTentType.PARTY -> "Party"
        ConTentType.WORK -> "Work"
    }
}

@Composable
fun CrossFaseLayouts(

){

    var contenttype by remember{ mutableStateOf(ConTentType.WORK) }

    Column(
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {

        Crossfade(
            targetState = contenttype,
            animationSpec = tween(durationMillis = 500)
        ) { _contenttype->

            when(_contenttype){
                ConTentType.PARTY -> {
                    Icon(
                        imageVector = Icons.Default.Work,
                        contentDescription = "Work",
                        modifier = Modifier.size(50.dp)
                    )
                }
                ConTentType.WORK -> {
                    Icon(
                        imageVector = Icons.Default.Celebration,
                        contentDescription = "Party",
                        modifier = Modifier.size(50.dp)
                    )
                }
            }

        }

        Spacer(modifier = Modifier.size(20.dp))

        Button(onClick = { contenttype = contenttype.getOpposite() }) {
            Text(text = contenttype.getDisplayString() )
        }
    }

}