'Compose LazyColumn laggy while scrolling

Jetpack Compose version: '1.1.0' and Jetpack Compose component used: androidx.compose.* (base components_ Android Studio Build: 2021.2.1 Kotlin version:1.6.10

I have simple code inside activity. When i start App and start scroll with speed, i see scrolling lags :( What is wrong with this code?

    override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
        TestComposeTheme {
            val list = (1..300).toList()
            LazyColumn(
                Modifier.fillMaxSize(),
            ) {
                items(list) { item ->
                    SomeItem(
                        text = item.toString(),
                        clickListener = {}
                    )
                    Spacer(modifier = Modifier.height(16.dp))
                }
            }
        }
    }
}


@Composable
fun SomeItem(
    text: String,
    clickListener: (String) -> Unit
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(64.dp)
            .background(Color.LightGray)
            .clickable { clickListener.invoke(text) }
    ) {
        Icon(painter = painterResource(id = R.drawable.ic_back), contentDescription = "")
        Spacer(modifier = Modifier.height(8.dp))
        Text(
            modifier = Modifier,
            text = text
        )

    }
}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source