How to make RecyclerView with Composable ViewHolder render faster?

user_3286489 0
Viewed 1125

As per https://developer.android.com/jetpack/compose/interop/compose-in-existing-ui#compose-recyclerview, the composable ViewHolder that can be used in RecyclerView is as below

import androidx.compose.ui.platform.ViewCompositionStrategy

class MyComposeViewHolder(
    val composeView: ComposeView
) : RecyclerView.ViewHolder(composeView) {

    init {
        composeView.setViewCompositionStrategy(
            ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed
        )
    }

    fun bind(input: String) {
        composeView.setContent {
            MdcTheme {
                Text(input)
            }
        }
    }
}

It looks like, every time it is bind the composable setContent (i.e. redraw again).

I measure the speed using Profile GPU Rendering, it clearly show that the Hybrid of ReyclerView+ComposeViewHolder is slower than pure RecyclerView or LazyColumn.

enter image description here

You can get the design here

How can we speed up the Hybrid RecyclerView+ComposeViewHolder?

android-viewholder android-jetpack-compose android-recyclerview android
3 Answers
user_4502430

Please run release build of the application with R8 enabled. This increases performance significantly.

user_25196350

Try using a diff view composition strategy, one that is tied to the lifecycle of the fragment/activity. That way your composable isn't based on attach/detatch of the view which happens a lot

user_60275980
Related