Jetpack Compose可滚动Column中嵌入带RecyclerView的AndroidViewBinding后部分内容无法滚动

当在可滚动的Compose Column中嵌入带有RecyclerView的AndroidView时，会出现两个滚动容器（Column的滚动体系和RecyclerView自身的滚动体系）的事件冲突。RecyclerView会优先拦截滚动事件，且它会占据自身完整的滚动高度，导致Column的滚动只能从RecyclerView之后的内容区域触发。

要实现整个Column的统一滚动，需要让RecyclerView放弃自身的滚动能力，并让它自适应内容高度，让Column作为唯一的滚动容器接管全部滚动逻辑。

步骤1：禁用RecyclerView的滚动能力并自适应高度 #

在AndroidViewBinding的初始化代码中，关闭RecyclerView的嵌套滚动功能，同时配置LayoutManager让它自适应内容高度：

AndroidViewBinding(factory = MyFragmentBinding::inflate) {
    // 禁用嵌套滚动，让滚动事件传递给上层Column
    recyclerview.isNestedScrollingEnabled = false
    // 配置LayoutManager开启自动测量，让RecyclerView根据内容自适应高度
    recyclerview.layoutManager = LinearLayoutManager(context).apply {
        isAutoMeasureEnabled = true
    }
    recyclerview.adapter = ......
}

也可以直接在RecyclerView的XML布局中添加属性，实现同样效果：

<androidx.recyclerview.widget.RecyclerView
    ...
    android:nestedScrollingEnabled="false"
    android:layout_height="wrap_content"/>

步骤2：保持Column的滚动配置正确 #

维持Column的滚动Modifier配置，注意fillMaxSize要确保Column占据足够的屏幕空间：

Column(
    modifier = Modifier
        .fillMaxSize()
        .verticalScroll(rememberScrollState())
) {
    // 嵌入带RecyclerView的AndroidView
    AndroidViewBinding(factory = MyFragmentBinding::inflate) {
        recyclerview.isNestedScrollingEnabled = false
        recyclerview.layoutManager = LinearLayoutManager(context).apply {
            isAutoMeasureEnabled = true
        }
        recyclerview.adapter = ......
    }

    // 其他Compose组件
    Text(text = "额外组件1")
    Spacer(modifier = Modifier.height(20.dp))
    Text(text = "额外组件2")
    // ...更多组件
}

额外注意事项 #

• 如果使用自定义LayoutManager，需确保该LayoutManager支持isAutoMeasureEnabled属性，否则wrap_content不会生效。
• 禁止给RecyclerView设置固定高度，必须让它依赖内容自动调整高度，才能被Column的滚动容器正确包含。

内容的提问来源于stack exchange，提问作者Nauman Jafar