Skip to main content
.onLongPressGesture(action: (state: GestureState) => void): Component;
.onLongPressGesture(props: { minimumDuration?: number; maximumDistance?: number }, action: (state: GestureState) => void): Component;

​
Parameters

​
action
(state: GestureState) => void
The action to perform when the long press gesture is recognized.
​
props
{ minimumDuration?: number; maximumDistance?: number }
Gesture configuration.

​
Support

​
Usage

​
Basic long press

Button("Long press me", () => {})
    .onLongPressGesture((state) => {
        console.log("Long pressed!")
    })

​
Custom duration

Image("photo.jpg")
    .onLongPressGesture({ minimumDuration: 2 }, (state) => {
        console.log("Held for 2 seconds")
    })

​
Strict distance

Text("Hold still")
    .onLongPressGesture({ maximumDistance: 5 }, (state) => {
        console.log("Long press with minimal movement")
    })