Skip to main content
Logo Appt Light

Input cancellation on React Native

Users should be able to cancel accidental interaction. For example, when users accidentally touches the wrong button, they should be able to undo this and avoid performing an action. Accidental interaction is more common for people with various disabilities.

In React Native, be careful when using PressEvent. Avoid using events like onPressIn, because users will not be able to cancel their interaction. Use events like onPress instead, because these have built-in support for cancellation.

<Pressable
  onPressIn={() => {
    // Use onPress instead
  }}
/>

Feedback?

Let us know!