Skip to main content
TouchableOpacityAn enhanced version of React Native's TouchableOpacity component providing additional features and modifiers support
PlaygroundCode Example
INFO
This component support margins, paddings, alignments, background, borderRadius modifiers.
TIP
This component extends the TouchableOpacity props.
APIThis is the list of additional props for the component

activeBackgroundColor
string

Apply background color on TouchableOpacity when active (press is on)

backgroundColor
string

Background color for TouchableOpacity

customValue
any

Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback

onPress
(props?: TouchableOpacityProps & {event: GestureResponderEvent} | any) => void

On press callback

recorderTag
'mask' | 'unmask'

Recorder Tag

style
ViewStyle

Custom style

throttleOptions
ThrottleOptions

Throttle options

throttleTime
number

Throttle time in MS for onPress callback

useNative
boolean

Should use an enhanced native implementation with extra features