使用verticalScroll修饰符时，如何禁用水平拉伸与过度滚动？

要阻止垂直滚动时出现的水平过度滚动拉伸效果，你可以通过以下几种常用方法实现：

方法一：自定义FlingBehavior限制垂直滚动行为 #

通过自定义FlingBehavior，让滚动逻辑仅响应垂直方向的操作，忽略水平方向的过度滚动触发：

val scrollState = rememberScrollState()
val customFlingBehavior = remember(scrollState) {
    object : FlingBehavior {
        override suspend fun ScrollScope.performFling(initialVelocity: Float): Float {
            // 仅处理垂直方向的惯性滚动，过滤水平方向速度影响
            return scrollState.performFling(initialVelocity)
        }
    }
}

Column(modifier = Modifier.verticalScroll(scrollState, flingBehavior = customFlingBehavior)) {
    // 你的视图内容
}

方法二：拦截水平触摸拖拽事件 #

使用pointerInput修饰符拦截水平方向的触摸拖拽动作，避免其触发水平过度滚动：

Column(
    modifier = Modifier
        .verticalScroll(rememberScrollState())
        .pointerInput(Unit) {
            detectDragGestures { change, dragAmount ->
                // 仅允许垂直方向的拖拽操作，消耗水平方向的触摸事件
                if (abs(dragAmount.x) > abs(dragAmount.y)) {
                    change.consume()
                }
            }
        }
) {
    // 你的视图内容
}

方法三：通过OverScrollConfiguration指定允许的过度滚动方向 #

在Compose 1.2及以上版本中，可通过LocalOverScrollConfiguration局部配置过度滚动的允许方向，仅开启垂直方向：

CompositionLocalProvider(
    LocalOverScrollConfiguration provides OverScrollConfiguration(
        orientation = Orientation.Vertical
    )
) {
    Column(modifier = Modifier.verticalScroll(rememberScrollState())) {
        // 你的视图内容
    }
}

以上三种方案都能有效解决垂直滚动时的水平过度滚动问题，可根据项目版本和实际需求选择适配的方法。

内容的提问来源于stack exchange，提问作者B Roy Dawson