通过 ComposeView 互操作在 CoordinatorLayout 内部编写 LazyColumn 滚动行为

Question

问题-向下滚动导致底部工作表滚动，而不是优先滚动LazyColumn (RecyclerView没有这个问题。它被一个嵌套的卷视图包裹着

我刚刚在协调器布局中引入了对Recycler的Compose LazyCol列替换。协调器（作为底部工作表实现）本身可以在窥视和扩展状态之间自由滚动。我的问题是当在LazyCol列中向下拖动项目区域时，底部工作表会拾取滚动而不是LazyCol列。如果我在LazyCol列上先向上滚动，然后向下滚动（不释放），滚动将由LazyCol列拾取，滚动优先级将赋予LazyCol列（预期行为）。

BottomSheetFragment
|-CoordinatorLayout
|--ConstraintLayout (BottomSheetBehavior)
|---MyListFragment
|----ComposeView
|-----Theme
|------Surface
|-------Box
|--------LazyColumn

“撰写”新手，所以我希望有人能告诉我如何纠正这个新的滚动行为？

**编辑：通过切换协调器的^^行为，我得到了这项工作的一部分。isDragglable，但它确实需要我释放拖动，而不是从列表滚动平滑过渡到底部工作表滚动-有人建议修复吗？：

fun MyUi(listener:Listener) {
    val listState = rememberLazyListState()

    LaunchedEffect(listState) {
        listState.interactionSource.interactions.collect {
            //at the top of the list so allow sheet scrolling
            listener.allowSheetDrag(listState.firstVisibleItemScrollOffset == 0)
        }
    }

    val nestedScrollConnection = remember {
        object : NestedScrollConnection {
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                Timber.i("NestedScrollConnection onPreScroll($available: Offset, $source: NestedScrollSource)")
                return super.onPreScroll(available, source)
            }

            override fun onPostScroll(consumed: Offset, available: Offset, source: NestedScrollSource): Offset {
                Timber.i("NestedScrollConnection onPostScroll($consumed: Offset, $available: Offset, $source: NestedScrollSource)")
                if (available.y > 0.0 && consumed.y == 0.0f) {
                    //scolling down up but we're already at the top - kick over to sheet scrolling
                    listener.allowSheetDrag(true)
                }
                return super.onPostScroll(consumed, available, source)
            }
        }
    }
    Box(
        modifier = Modifier
            .fillMaxSize()
            .nestedScroll(nestedScrollConnection)
    ) {
        LazyColumn(
            modifier =
            Modifier
                .fillMaxSize()
                .padding(vertical = 12.dp), state = listState
        ) {
            item {
                Row() {}
            }
        }
    }
}

然后在片段中:

override fun allowSheetDrag(allowSheetDrag: Boolean) {
    bottomSheetFragment?.bottomSheetBehavior?.isDraggable = allowSheetDrag
}

Answer 1

不幸的是，XML和Compose之间的可滚动性互操作性并不好。View上有一个方法叫做isNestedScrollingEnabled()，Compose总是返回false，所以嵌套滚动有不可预知的行为(我相信你在这里描述的就是这种行为)。

我发现的解决方法是确保对于可以滚动到大于全屏的内容，您将BottomSheet放在BottomSheetScaffold或其他自定义可组合视图中。就目前而言，您可能需要将整个体验转换为Compe，然后才能以我们期望的方式工作。

创作也是不断发展的。这些评论对于Compose 1.0.4和Material Design library 1.3.0来说是准确的-将来可能会发生变化。

Answer 2

巫师克里斯·班斯最近发布了一个解决方案，我可以证实它是有效的：https://gist.github.com/chrisbanes/053189c31302269656c1979edf418310

当在BottomSheetDialog中使用时，它也可以很好地过渡而无需抬起手指（向上滚动，然后一次性向下拖动工作表）

示例用法（取自Chris Banes的示例）：

setContent {
    Surface(
        // Add this somewhere near the top of your layout, above any scrolling layouts
        modifier = Modifier.nestedScroll(rememberViewInteropNestedScrollConnection())
    ) {
        LazyColumn() {
            // blah
        }
    }
}

有一个问题正在跟踪嵌套滚动与ComposeViews：https://issuetracker.google.com/issues/174348612，和一个相关的SO问题，这导致我有： AndroidView在撰写丢失触摸事件在NestedScrollView