onPressOut

onPressOut is a callback prop used in React Native’s touchable components. It is invoked when the user finishes a press gesture, typically when the finger is lifted after pressing down on the component. The callback is commonly used to reset visual feedback or to run logic after a press interaction has completed. It is part of the same gesture lifecycle as onPressIn (which runs when the press begins) and onPress (which runs for a completed tap).

It is supported across several touchable components, including TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, and the more flexible Pressable. Developers attach onPressOut alongside the other press-related callbacks to manage UI state transitions that occur during and after a press. For example, onPressIn might apply a pressed visual state, and onPressOut can revert that state when the press ends.

Usage considerations: onPressOut is useful for handling end-of-press behavior that should occur regardless of whether the press is considered a successful tap. It provides a natural hook for cleaning up temporary styles or triggering actions that should occur after the user releases the touch. When designing interactions, it is common to pair onPressOut with onPressIn and onPress to create a responsive and predictable press lifecycle.