IssueTracker

I have a question regarding nested scrolling interop when a ComposeView (with a LazyColumn) is nested inside a RecyclerView. I am working on a project across different teams/subprojects and can not simply convert the RecyclerView to Compose or the LazyColumn back to a RecyclerView but need to display the Compose content in the existing list.

I have put together a minimal example to illustrate what I want to achieve:

import android.os.Bundle
import android.view.ViewGroup
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.material3.Card
import androidx.compose.material3.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.nestedscroll.nestedScroll
import androidx.compose.ui.platform.ComposeView
import androidx.compose.ui.platform.ViewCompositionStrategy
import androidx.compose.ui.platform.rememberNestedScrollInteropConnection
import androidx.compose.ui.unit.dp
import androidx.core.view.ViewCompat
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val recyclerView = RecyclerView(this)

        val adapter = object : RecyclerView.Adapter<RecyclerView.ViewHolder>() {
            override fun onCreateViewHolder(
                parent: ViewGroup,
                viewType: Int
            ): RecyclerView.ViewHolder = ComposeView(parent.context).apply {
                setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnDetachedFromWindowOrReleasedFromPool)
                ViewCompat.setNestedScrollingEnabled(this, true)

                setContent {
                    LazyColumn(
                        horizontalAlignment = Alignment.CenterHorizontally,
                        modifier = Modifier
                            .nestedScroll(rememberNestedScrollInteropConnection())
                            .fillMaxSize(),
                    ) {
                        items(15) { index ->
                            Card(
                                modifier = Modifier
                                    .fillMaxWidth()
                                    .padding(8.dp)
                            ) {
                                Text(
                                    text = "Item $index\nHello World",
                                    modifier = Modifier.padding(10.dp)
                                )
                            }
                        }
                    }
                }

                layoutParams = ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT,
                )
            }.let {
                object : RecyclerView.ViewHolder(it) {}
            }

            override fun getItemCount(): Int = 1

            override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {}

        }

        recyclerView.adapter = adapter
        recyclerView.layoutManager = LinearLayoutManager(this)
        setContentView(recyclerView)
    }

}

As you can see in the attached video, the nested scrolling is not working as intended (I would expect the LazyColumn to scroll to the end). The inner LazyColumn only got the scroll event once in my example, sometimes it works multiple times, sometimes not at all. Is this a supported use case?

I already tried/read a lot regarding rememberNestedScrollInteropConnection, ViewCompat.setNestedScrollingEnabled and other approaches like CoordinatorLayout (which I cannot use as we need more dynamic elements before and after the Compose content) but nothing worked as expected.

The target state is that the RecyclerView scrolls down until the LazyColumn is completely visible in the viewport, then the LazyColumn scrolls to the bottom and if it reached the end, the RecyclerView continues scrolling. The same on the way up of course. In the end, it should look like all items would be in the RecyclerView.

Jetpack Compose version: 1.7.5

Jetpack Compose component(s) used: androidx.compose.ui.platform.ComposeView, androidx.compose.foundation.lazy.LazyColumn

Android Studio Build: Android Studio Ladybug | 2024.2.1 Patch 3

Kotlin version: 2.0.20

Steps to Reproduce or Code Sample to Reproduce:

1. Create a RecyclerView
2. put a ComposeView with a LazyColumn in a ViewHolder
3. Try to scroll the LazyColumn