Question

我一直在尝试修改手势的 Android Jetpack Compose official Documentation's example，以便在父视图中提升偏移的状态。

官方示例正常运行，但修改后有延迟，拖拽后box返回到之前的位置。

修改后的版本几乎与原版相似，只是状态被提升了。

@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
}

它会起作用。

Jetpack Compose 指针输入状态提升

1 个答案: