Jetpack Compose PointerInput State 吊装

Question

我一直在尝试修改Android Jetpack Compose 官方文档的手势示例，以便在父视图中提升偏移量的 State。

官方例子可以正常运行，但是修改后有滞后，拖拽后框回到之前的position。

修改后的版本几乎与原版相似，只是吊装了 state。

@Composable
fun DragGesturesExampleWithHoistedState() {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.White)
    ) {
        var offsetX by remember { mutableStateOf(0f) }
        var offsetY by remember { mutableStateOf(0f) }

        DragGesturesBox(
            modifier = Modifier.offset {
                IntOffset(offsetX.roundToInt(), offsetY.roundToInt())
            },
            onDrag = {
                offsetX = it.x
                offsetY = it.y
            }
        )
    }
}

@Composable
fun DragGesturesBox(
    modifier: Modifier = Modifier,
    onDrag: (Offset) -> Unit
) {
    Box(
        modifier
            .background(Color.Blue)
            .size(50.dp)
            .pointerInput("my unique key") { // Does not work with Unit either
                detectDragGestures { change, dragAmount ->
                    change.consumeAllChanges()
                    onDrag(dragAmount)
                }
            }
    )
}


@Preview
@Composable
fun DragGesturesExampleWithHoistedStatePreview() {
    DragGesturesExampleWithHoistedState()
}

有什么我想念的吗？

Answer 1

改变

onDrag = {
    offsetX = it.x
    offsetY = it.y
}

至

onDrag = {
    offsetX += it.x
    offsetY += it.y
}

它会起作用的。