Jetpack Compose：LazyRow与Column共享滚动状态异常问题

从你贴出的代码看，你目前用的是普通Column+Row而非LazyRow，但结合你的描述，核心问题出在多个LazyRow的垂直滚动事件拦截与状态同步上：

1. 单独LazyRow可行的原因 #

当只有一个LazyRow时，你应该是将它和左侧LazyColumn绑定了同一个LazyListState，或是通过监听滚动状态同步偏移。此时单个LazyRow的垂直滚动事件会被父容器或同步逻辑正确处理，因为只有一个滚动组件，事件不会被分散或拦截。

2. 多个LazyRow失效的核心原因 #

当垂直方向放置多个LazyRow时，会触发以下问题：

• 事件拦截冲突：每个LazyRow自身带有滚动处理逻辑，垂直滚动手势可能被某个LazyRow的内部逻辑（即便它是横向滚动组件）拦截，导致父容器的垂直滚动或同步逻辑无法触发。
• 状态分散：若每个LazyRow使用独立的LazyListState，没有统一的状态管理，就无法让它们同步响应垂直滚动；即便绑定同一个状态，多个LazyRow也会因布局结构问题，无法正确跟随垂直偏移。
• 当前代码的额外问题：你用offset手动控制横向偏移，外层Column用verticalScroll，但右侧Column未和左侧同步垂直状态；且普通Row不是懒加载布局，当item数量变大时会引发性能问题，这也是你需要用LazyRow的原因。

要实现左侧LazyColumn和右侧多个LazyRow同步垂直滚动，核心是统一垂直滚动状态、避免事件拦截、让所有列表共享同一个垂直偏移源。

完整修正代码 #

import androidx.compose.foundation.background
import androidx.compose.foundation.gestures.detectHorizontalDragGestures
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyRow
import androidx.compose.foundation.lazy.itemsIndexed
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.pointer.pointerInput
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import androidx.compose.ui.graphics.Color

@Composable
fun SyncScrollComposable() {
    val verticalScrollState = rememberLazyListState()
    val itemCount = 20
    var horizontalOffset by remember { mutableStateOf(0f) }

    Row(modifier = Modifier.fillMaxSize()) {
        // 左侧LazyColumn，作为垂直滚动的主状态源
        LazyColumn(
            state = verticalScrollState,
            modifier = Modifier.weight(1f)
        ) {
            itemsIndexed(List(itemCount) { it }) { index, _ ->
                Text(
                    text = "Column Item $index",
                    fontSize = 20.sp,
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(8.dp)
                        .background(Color.LightGray)
                        .height(50.dp)
                )
            }
        }

        // 右侧多个LazyRow，同步左侧垂直滚动状态
        Column(modifier = Modifier.weight(2f)) {
            repeat(itemCount) { rowIndex ->
                LazyRow(
                    modifier = Modifier
                        .fillMaxWidth()
                        .height(50.dp)
                        .padding(8.dp)
                        // 仅拦截横向拖拽手势，放行垂直滚动事件
                        .pointerInput(Unit) {
                            detectHorizontalDragGestures { change, dragAmount ->
                                horizontalOffset = (horizontalOffset + dragAmount).coerceIn(-1800f, 0f)
                                change.consume()
                            }
                        },
                    // 和左侧共享同一个垂直滚动状态
                    state = verticalScrollState
                ) {
                    itemsIndexed(List(20) { it }) { itemIndex, _ ->
                        Text(
                            text = "Row $rowIndex, Item $itemIndex",
                            fontSize = 20.sp,
                            modifier = Modifier
                                .background(Color.LightGray)
                                .width(100.dp)
                                .height(50.dp)
                                .offset { IntOffset(horizontalOffset.toInt(), 0) }
                        )
                    }
                }
            }
        }
    }

    // 监听左侧滚动状态，强制右侧LazyRow跟随同步位置
    LaunchedEffect(verticalScrollState.firstVisibleItemIndex) {
        verticalScrollState.scrollToItem(verticalScrollState.firstVisibleItemIndex)
    }
}

@Preview(showBackground = true)
@Composable
fun SyncScrollPreview() {
    SyncScrollComposable()
}

关键改进点 #

• 统一垂直状态：左侧LazyColumn和右侧所有LazyRow共享同一个LazyListState，确保垂直滚动位置完全同步。
• 手势处理优化：给每个LazyRow添加detectHorizontalDragGestures，仅消费横向拖拽事件，避免拦截垂直滚动手势。
• 替换为懒加载布局：用LazyColumn、LazyRow替代普通Column、Row，避免大量item导致的性能问题，同时利用懒加载组件的内置滚动状态管理。

如果你的场景中右侧多个LazyRow高度不同，需要更精细的偏移同步，可以通过监听verticalScrollState.layoutInfo获取当前可见item的偏移量，手动计算每个LazyRow的垂直偏移，而非直接共享状态。

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