IssueTracker

Android Studio Build: Android Studio Canary 9
Version of Gradle Plugin: gradle:4.2.0-alpha09
OS: Android 9

Compose version : 1.0.0-alpha02
Kotlin compiler: 1.4.0

Problem

When I use LazyColumnFor and try to drag all the list to the end or do a fast drag between items it seems like its choppy and not smooth, if I drag till the end it will glitch on the last item

Example

@Composable
fun RecipeColumnListDemo(recipeList:List<Recipe>){
    LazyColumnFor(items = recipeList) { item ->
       RecipeCard(recipe = item)
    }
}

where RecipeCard(recipe) loads images sincronously

@Composable
private fun RecipeCard(recipe: Recipe){
    val image = imageResource(R.drawable.header)
    Surface(shape = RoundedCornerShape(8.dp),elevation = 8.dp,modifier = Modifier.padding(8.dp)) {
        Column(modifier = Modifier.padding(16.dp)) {
            val imageModifier = Modifier.preferredHeight(150.dp).fillMaxWidth().clip(shape = RoundedCornerShape(8.dp))
            Image(asset = image,modifier = imageModifier,contentScale = ContentScale.Crop)
            Spacer(modifier = Modifier.preferredHeight(16.dp))
            Text(text = recipe.title,style = typography.h6)
            for(ingredient in recipe.ingredients){
                Text(text = "* $ingredient",style = typography.body2)
            }
        }
    }
}

I have also changed the way I load images with loadImageResource, but its also not a smooth scroll when I fast drag to the end of the list

Is this issue on my side ?

I have tried JetChat and it uses a ScrollableColumn which the scrolling is smoother than the the LazyColumnFor

Video: https://drive.google.com/file/d/1RniEokUmaVlehvMBRNjMPZS9AgIXkVZI/view?usp=sharing