Android Compose嵌套滚动：调换Column与LazyColumn滚动触发顺序

要实现先滚动外层Column至底部，再让内部LazyColumn滚动的效果，核心是控制滚动事件的优先级，让外层Column在可滚动状态下优先处理触摸滚动，待其滚到底部后，再将事件传递给LazyColumn。以下是两种可行方案：

方案一：通过滚动状态控制LazyColumn的滚动可用性 #

直接监听外层Column的滚动状态，判断是否已滚到底部，据此禁用/启用LazyColumn的滚动，并拦截触摸事件传递：

@Composable
fun PriorityColumnScroll() {
    val scrollState = rememberScrollState()
    val configuration = LocalConfiguration.current
    // 判断Column是否已滚到底部
    val isColumnScrolledToBottom = scrollState.value == scrollState.maxValue

    Column(
        modifier = Modifier
            .fillMaxHeight()
            .verticalScroll(scrollState),
    ) {
        Spacer(modifier = Modifier.height(300.dp))
        LazyColumn(
            modifier = Modifier
                .height(configuration.screenHeightDp.dp)
                .fillMaxSize()
                // 未滚到底时，拦截触摸事件让外层Column处理
                .then(
                    if (!isColumnScrolledToBottom) {
                        Modifier.pointerInput(Unit) {
                            awaitPointerEventScope {
                                while (true) {
                                    awaitPointerEvent(PointerEventPass.Initial)
                                    // 不消费事件，传递给外层Column
                                }
                            }
                        }
                    } else Modifier
                ),
            // 仅当Column滚到底时，允许LazyColumn滚动
            scrollEnabled = isColumnScrolledToBottom
        ) {
            items(50) { item ->
                Text(modifier = Modifier.height(40.dp), text = "ITEM NUMBER: $item")
            }
        }
    }
}

方案二：使用NestedScrollConnection优雅处理滚动传递 #

通过NestedScrollConnection在LazyColumn处理滚动前，优先让外层Column完成滚动，更符合Compose的滚动事件传递机制：

@Composable
fun PriorityColumnScroll() {
    val scrollState = rememberScrollState()
    val configuration = LocalConfiguration.current

    // 自定义NestedScrollConnection，控制滚动事件流向
    val nestedScrollConnection = remember {
        object : NestedScrollConnection {
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                // 当向上滚动（available.y < 0）且Column未滚到底时，优先让Column滚动
                return if (scrollState.value < scrollState.maxValue && available.y < 0) {
                    // 计算Column可滚动的距离，消费该部分偏移，剩余交给LazyColumn
                    val scrollAmount = scrollState.scrollBy(-available.y.toInt())
                    Offset(0f, scrollAmount.toFloat())
                } else {
                    Offset.Zero // 不消费，交给LazyColumn处理
                }
            }
        }
    }

    Column(
        modifier = Modifier
            .fillMaxHeight()
            .verticalScroll(scrollState),
    ) {
        Spacer(modifier = Modifier.height(300.dp))
        LazyColumn(
            modifier = Modifier
                .height(configuration.screenHeightDp.dp)
                .fillMaxSize()
                .nestedScroll(nestedScrollConnection) // 应用自定义滚动连接
        ) {
            items(50) { item ->
                Text(modifier = Modifier.height(40.dp), text = "ITEM NUMBER: $item")
            }
        }
    }
}

原理说明 #

• 方案一通过scrollEnabled直接禁用LazyColumn的滚动能力，同时用pointerInput拦截触摸事件，确保外层Column优先响应。
• 方案二更灵活，利用Compose的嵌套滚动机制，在LazyColumn处理滚动前，先分配滚动偏移给外层Column，当Column无法再滚动时，剩余偏移才会被LazyColumn处理。

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