IssueTracker

Jetpack Compose version: 1.8.0-alpha07

Jetpack Compose component(s) used: UI

Android Studio Build: latest ladybug

Kotlin version: 2.1.0

/**
[Modifier] which helps you to implement google photos selection grid,
to make it work pass [key] and list item key which is should be "[key]-position"
 **/
fun Modifier.dragHandler(
    key: Any?,
    isVertical: Boolean,
    lazyGridState: LazyGridState,
    haptics: HapticFeedback,
    selectedItems: MutableState<Set<Int>>,
    onSelectionChange: (Set<Int>) -> Unit = {},
    autoScrollSpeed: MutableState<Float>,
    autoScrollThreshold: Float,
    enabled: Boolean = true,
    onTap: (Int) -> Unit = {},
    onLongTap: (Int) -> Unit = {},
    shouldHandleLongTap: Boolean = true,
    tapEnabled: Boolean = true
): Modifier {
    fun LazyGridState.gridItemKeyAtPosition(hitPoint: Offset): Int? {
        val find = layoutInfo.visibleItemsInfo.find { itemInfo ->
            itemInfo.size.toIntRect().contains(hitPoint.round() - itemInfo.offset)
        }
        val itemKey = find?.key
        return itemKey?.toString()?.takeLastWhile { it != '-' }?.toIntOrNull()
    }

    return this
        .pointerInput(key, tapEnabled, enabled) {
            if (enabled) {
                detectTapGestures { offset ->
                    lazyGridState
                        .gridItemKeyAtPosition(offset)
                        ?.let { key ->
                            if (tapEnabled) {
                                val newItems = if (selectedItems.value.contains(key)) {
                                    selectedItems.value - key
                                } else {
                                    selectedItems.value + key
                                }
                                selectedItems.update { newItems }
                                onSelectionChange(newItems)
                            }
                            haptics.performHapticFeedback(HapticFeedbackType.LongPress)
                            onTap(key - 1)
                        }
                }
            }
        }
        .pointerInput(key, shouldHandleLongTap, enabled) {
            if (enabled) {
                var initialKey: Int? = null
                var currentKey: Int? = null
                detectDragGesturesAfterLongPress(
                    onDragStart = { offset ->
                        lazyGridState
                            .gridItemKeyAtPosition(offset)
                            ?.let { key ->
                                if (!selectedItems.value.contains(key) && shouldHandleLongTap) {
                                    initialKey = key
                                    currentKey = key
                                    val newItems = selectedItems.value + key
                                    selectedItems.update { newItems }
                                    onSelectionChange(newItems)
                                }
                                haptics.performHapticFeedback(HapticFeedbackType.LongPress)
                                onLongTap(key - 1)
                            }
                    },
                    onDragCancel = {
                        initialKey = null
                        autoScrollSpeed.value = 0f
                    },
                    onDragEnd = {
                        initialKey = null
                        autoScrollSpeed.value = 0f
                    },
                    onDrag = { change, _ ->
                        if (initialKey != null) {
                            val distFromBottom = if (isVertical) {
                                lazyGridState.layoutInfo.viewportSize.height - change.position.y
                            } else lazyGridState.layoutInfo.viewportSize.width - change.position.x
                            val distFromTop = if (isVertical) {
                                change.position.y
                            } else change.position.x
                            autoScrollSpeed.value = when {
                                distFromBottom < autoScrollThreshold -> autoScrollThreshold - distFromBottom
                                distFromTop < autoScrollThreshold -> -(autoScrollThreshold - distFromTop)
                                else -> 0f
                            }

                            lazyGridState
                                .gridItemKeyAtPosition(change.position)
                                ?.let { key ->
                                    if (currentKey != key) {
                                        val newItems = selectedItems.value
                                            .minus(initialKey!!..currentKey!!)
                                            .minus(currentKey!!..initialKey!!)
                                            .plus(initialKey!!..key)
                                            .plus(key..initialKey!!)

                                        selectedItems.update { newItems }
                                        onSelectionChange(newItems)
                                        currentKey = key
                                    }
                                }
                        }
                    }
                )
            }
        }
}

Key stays unchanged but after long press pointer input immediately cancels, this wasn't this way before, please fix it, using of modifier are impossible now :(