IssueTracker

Jetpack Compose version: 2024.01.00

Jetpack Compose component used: material3.SwipeToDismissBox

When a user scrolls quickly in a vertical list, the horizontal swipe gesture could be triggered by mistake frequently, which consumes the velocity in x-axis from the flinging of a verticle scrolling.

This unexpected behavior is a really annoying experience.

One possible solution is to pass the enabled to the Modifier.anchoredDraggable:

        modifier.anchoredDraggable(
                enabled = enabled && state.currentValue == SwipeToDismissBoxValue.Settled,
                ...
            ),

Then pass the LazyListState down to the SwipeToDismissBox:

val isScrollInProgress: () -> Boolean = { listState.isScrollInProgress() }

...

SwipeToDismissBox(enabled = !isScrollInProgress(), ...) { }