Edit

TouchableOpacity

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 add to an app without weird side-effects.

Example:

renderButton: function() {
  return (
    <TouchableOpacity onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('./myButton.png')}
      />
    </TouchableOpacity>
  );
},

Props

• TouchableWithoutFeedback props...

• activeOpacity

Methods

• setOpacityTo

---

Reference

Props

activeOpacity

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

Type	Required
number	No

Methods

setOpacityTo()

setOpacityTo((value: number), duration);

Animate the touchable to a new opacity.