如何阻止子Composable滚动时触发父Composable滚动？

我完全懂你遇到的这个问题——在子Box里滚动到顶或底的时候，滚动事件直接“串”到外面的Column上了，就连快速滑动（fling）也会带着父布局一起动，完全打乱了预期的交互逻辑。别担心，用Jetpack Compose的嵌套滚动API就能轻松解决这个问题。

核心思路是：让子滚动组件完全消费掉自己的滚动事件，不让这些事件传递给父布局。具体来说，我们可以通过nestedScroll修饰符自定义一个滚动连接，把垂直方向的滚动偏移和fling速度全部“吃掉”。

先看修改后的完整代码：

Column(
    modifier = Modifier.verticalScroll(rememberScrollState())
) {
    Text("a\ntall\ntext...")
    
    val nestedScrollConnection = remember {
        object : NestedScrollConnection {
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                // 消费所有垂直方向的滚动偏移，不让父布局拿到这些事件
                return Offset(0f, available.y)
            }

            override suspend fun onPreFling(available: Velocity): Velocity {
                // 吃掉垂直方向的fling速度，阻止父布局触发快速滚动
                return Velocity(0f, available.y)
            }
        }
    }

    Surface(
        modifier = Modifier.height(175.dp).fillMaxWidth()
    ) {
        Box(
            modifier = Modifier
                .fillMaxSize()
                .nestedScroll(nestedScrollConnection)
                .verticalScroll(rememberScrollState())
        ) {
            Text("text\nlimited\nwithin\nthis\nbox")
        }
    }
}

给你拆解下关键细节：

• nestedScrollConnection是我们自定义的滚动连接，其中onPreScroll会在滚动事件传递给父布局前被调用。我们返回和垂直方向可用偏移相同的值，就表示这个事件已经被子组件处理完毕，父布局不会再收到它。
• onPreFling则是针对快速滑动的场景，同样把垂直方向的速度全部消费掉。这样就算你在子Box里快速滑动到边界，也只会触发子组件自己的overscroll拉伸效果，不会带动父Column滚动。
• 注意要把nestedScroll修饰符放在verticalScroll之前，这样嵌套滚动的拦截逻辑会优先生效。

这样修改后，子Box的滚动就完全独立了，和父Column的滚动彻底解耦，完全符合你想要的效果~

内容来源于stack exchange