Jetpack Compose swipeable状态始终为初始值问题求助

核心问题1：锚点(anchors)设置完全错误 #

你给swipeable设置的0f和1f锚点是像素偏移量，1像素的滑动距离远低于你设定的FractionalThreshold(0.7f)阈值——滑动距离连组件尺寸的70%都达不到，自然触发不了状态切换。

正确的锚点应该基于组件实际尺寸计算，比如垂直方向顶部锚点为0f，底部锚点对应组件负高度值（因为Compose的Y轴向下为正，滑动向下时偏移量为负），这样才有足够的滑动空间让阈值生效。

核心问题2：多swipeable修饰符的手势冲突 #

你用.then叠加两个swipeable修饰符时，水平方向的swipeable会优先拦截触摸事件，垂直方向的手势根本没机会被识别。swipeable本身是为单一方向滑动设计的，叠加使用必然导致事件抢占。

修复方案：改用pointerInput处理双方向滑动 #

放弃叠加swipeable，直接用pointerInput手动处理水平/垂直滑动逻辑，同时修正状态切换的判断条件：

fun OnTouchTwo() {
    var horizontalState by remember { mutableStateOf("left") }
    var verticalState by remember { mutableStateOf("up") }
    val swipeThresholdRatio = 0.7f // 滑动距离达到组件70%触发状态切换
    val velocityThreshold = 200.dp.toPx() // 速度阈值

    Box(
        contentAlignment = Alignment.Center,
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                detectDragGestures(
                    onDragEnd = { velocity ->
                        // 优先处理速度触发的滑动
                        if (abs(velocity.x) > velocityThreshold) {
                            horizontalState = if (velocity.x > 0) "right" else "left"
                        }
                        if (abs(velocity.y) > velocityThreshold) {
                            verticalState = if (velocity.y > 0) "down" else "up"
                        }
                    },
                    onDrag = { change, dragAmount ->
                        val componentSize = size
                        // 计算滑动距离占组件尺寸的比例
                        val horizontalDragRatio = abs(dragAmount.x) / componentSize.width
                        val verticalDragRatio = abs(dragAmount.y) / componentSize.height

                        // 距离达到阈值时切换状态
                        if (horizontalDragRatio >= swipeThresholdRatio) {
                            horizontalState = if (dragAmount.x > 0) "right" else "left"
                        }
                        if (verticalDragRatio >= swipeThresholdRatio) {
                            verticalState = if (dragAmount.y > 0) "down" else "up"
                        }
                        change.consume()
                    }
                )
            }
    ) {
        Text("Hello i swiped: $horizontalState, $verticalState")
        when(verticalState) {
            "down" -> println("helloDown")
            "up" -> println("helloUp")
        }
    }
}

关键调整说明 #

1. 基于组件实际尺寸计算滑动比例，确保阈值逻辑符合预期；
2. 合并双方向手势处理，避免事件抢占；
3. 同时支持距离触发和速度触发两种滑动判定，和原swipeable的行为对齐。

内容的提问来源于stack exchange，提问作者Kerbal Space Program Germany