W3cubDocs

/ReactNative

TouchableOpacity

A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it.

Opacity is controlled by wrapping the children in an Animated.View, which is added to the view hiearchy. Be aware that this can affect layout.

Example:

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

Props

TouchableWithoutFeedback props...

activeOpacity?: number

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

tvParallaxProperties?: object

Apple TV parallax effects

Methods

setOpacityTo(value: number, duration: number)

Animate the touchable to a new opacity.

© 2015–2017 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/touchableopacity.html