Jetpack Compose: how to disable gesture detection on children

by

I believe the reason for the lack of such a system modifier is that you have to show the user that gestures are disabled by using different states for enabled/disabled controls, or by using a semi-transparent overlay view, etc.

But technically using pointerInput modifier you can get all touch events with awaitPointerEvent.

With the pass = PointerEventPass.Initial parameter you will receive events before all child views, and then you can mark the event as handled with consumeAllChanges, so that children will no longer receive them.

fun Modifier.gesturesDisabled(disabled: Boolean = true) =
    if (disabled) {
        pointerInput(Unit) {
            awaitPointerEventScope {
                // we should wait for all new pointer events
                while (true) {
                    awaitPointerEvent(pass = PointerEventPass.Initial)
                        .changes
                        .forEach(PointerInputChange::consume)
                }
            }
        }
    } else {
        this
    }

If you wanna learn more about custom gesture processing, check out this article

More Related Contents:

  1. Jetpack Compose – Order of Modifiers
  2. Why a new ViewModel is created in each Compose Navigation route?
  3. Why the view keeps flashing when using jetpack navigation with Compose?
  4. How to get activity in compose
  5. Why does mutableStateOf without remember work sometimes?
  6. Jetpack Compose Smart Recomposition
  7. How can I get onTouchEvent in Jetpack Compose?
  8. Android Jetpack Compose width / height / size modifier vs requiredWidth / requiredHeight / requiredSize
  9. Is there a way to increase a Composable size by chaining with another Modifier?
  10. How to get exact size without recomposition?
  11. Content padding parameter it is not used
  12. Scoping States in Jetpack Compose
  13. How to generate zoom/pinch gesture for testing for Android
  14. How to make long press gesture in Xamarin Forms?
  15. How to get preview in composable functions that depend on a view model?
  16. disable the swipe gesture that opens the navigation drawer in android
  17. UISwipeGestureRecognizer Swipe length
  18. How to make an Android view that flips between views on swipe/fling
  19. AppCompatActivity instead of ComponentActivity in Jetpack compose
  20. Fling Gesture and Webview in Android
  21. Passing URL as a parameter to Jetpack Compose Navigation
  22. How to set the Scaffold Drawer Width in JetpackCompose?
  23. How to show animate an item view in LazyColumn on Jetpack Compose Android
  24. fillMaxSize modifier not working when combined with VerticalScroll in Jetpack Compose
  25. How to pass id and application to a viewModel/viewModelFactory in Jetpack Compose?
  26. Android TextView Linkify intercepts with parent View gestures
  27. Jetpack Compose Navigation loads screen infinitely
  28. How to share a viewmodel between two or more Jetpack composables inside a Compose NavGraph?
  29. Show custom alert dialog in Jetpack Compose
  30. What does Jetpack Compose remember actually do, how does it work under the hood?

Leave a Comment