Я пытался изменить пример официальной документации Android Jetpack Compose для жестов, так что состояние смещения поднимается в родительском представлении.

Официальный пример работает правильно, но у модифицированного есть задержка, и поле возвращается в предыдущее положение после перетаскивания.

Модифицированная версия почти аналогична оригиналу, за исключением того, что состояние приподнято.

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

Что мне не хватает?

3
Ioane Sharvadze 20 Май 2021 в 10:08

1 ответ

Лучший ответ

+ Изменить

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

К

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

И это сработает.

2
H.D. 20 Май 2021 в 07:40