Could you help me to understand recomposition? This code adds a different number to `counts` list on...

# compose

[Denis]

Could you help me to understand recomposition? This code adds a different number to counts list on each tap. I expect it to render a new Count and somehow move previous rows down without calling Count again. Is it possible?

@Composable
fun CounterApp() {
    var counts by remember { mutableStateOf(listOf<Int>()) }
    var taps by remember { mutableStateOf(0) }
    Column(
        modifier = Modifier.fillMaxSize().clickable(onClick = {
            counts = listOf(taps) + counts; taps++
        })
    ) { Text("$taps"); Divider(); counts.forEach { Count(it) } }
}

@Composable
fun Count(n: Int) {
    Log.d("Count", "$n")
    Text("$n")
}

[Rafs]

instead of using a mutableStateOf(listOf<Int>)) you should be using mutableStateListOf<Int>

[Denis]

Thanks @Rafs. I'm trying to make it work, but I need some help. Could you check this question? https://kotlinlang.slack.com/archives/CJLTWPH7S/p1612680988453000