TouchableOpacityAn enhanced version of React Native's TouchableOpacity component providing additional features and modifiers support

Dev

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