Loading image from URL in background: Android compose

Question

I am trying to load image from network using Coil accompanist library. I am getting frame drops due to the same.

I/Choreographer: Skipped 34 frames!  The application may be doing too much work on its main thread.

Is there a way to load images in background thread? Here is my code :

 val painter = rememberCoilPainter(request = url)

    Card(modifier = modifier) {
      when (painter.loadState) {
        is ImageLoadState.Success ->
          Image(
            painter = painter,
            contentDescription = title,
            contentScale = ContentScale.FillBounds
          )
        else ->
          Image(
            painter = rememberCoilPainter(request = R.drawable.placeholder),
            contentDescription = title,
            contentScale = ContentScale.FillBounds
          )
      }
    }

This code is the content part of LazyRow and there are around 20-25 items in the list.

Please suggest a way to perform the image loading in background thread to avoid frame drops.

Gabriele Mariotti · Accepted Answer · 2021-06-01 17:07:50Z

1

I am not sure if it is enough to improve your performance.

You can start improving the use of the placeholder drawables which can set be on the request.
Something like:

    Image(
        painter = rememberCoilPainter(
            request = "url",
            requestBuilder = {
                placeholder(R.drawable.placeholder)
            }
        ),
        contentDescription = null)

answered Jun 1, 2021 at 17:07

Gabriele Mariotti

370k114 gold badges1k silver badges935 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ali_Waris Over a year ago

I tried using ImageRequest but still there are frame drops :( Here is my code : val imageRequest = ImageRequest.Builder(context) .data(url) .placeholder(R.drawable.placeholder) .error(R.drawable.error) .build() Image( painter = rememberCoilPainter(request = imageRequest), contentDescription = title, contentScale = ContentScale.FillBounds )

Collectives™ on Stack Overflow

Loading image from URL in background: Android compose

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related