A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it. This is done without actually changing the view hierarchy, and in general is easy to add to an app without weird side-effects.

Example:

1
2
3
4
5
6
7
8
9
10
renderButton: function() {
  return (
    <TouchableOpacity onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('image!myButton')}
      />
    </TouchableOpacity>
  );
},

Props

TouchableWithoutFeedback props...

activeOpacity number

Determines what the opacity of the wrapped view should be when touch is active. Defaults to 0.2.

Methods

setOpacityTo(value: number)

Animate the touchable to a new opacity.

TouchableOpacity#setOpacityTo()
  • References/JavaScript/React Native/Components: TouchableOpacity

setOpacityTo(value: number) Animate the touchable to a new opacity.

2025-01-10 15:47:30
TouchableOpacity#activeOpacity
  • References/JavaScript/React Native/Components: TouchableOpacity

activeOpacity number Determines what the opacity of the wrapped view should be when touch is active. Defaults

2025-01-10 15:47:30