React NativeTouchableHighlight
A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, which allows the underlay color to show through, darkening or tinting the view. The underlay comes from adding a view to the view hierarchy, which can sometimes cause unwanted visual artifacts if not used correctly, for example if the backgroundColor of the wrapped view isn't explicitly set to an opaque color.
Example:
renderButton: function() {
return (
<TouchableHighlight onPress={this._onPressButton}>
<Image
style={styles.button}
source={ix('myButton')}
/>
</View>
);
},
Props #
activeOpacity number #
Determines what the opacity of the wrapped view should be when touch is active.
onPress func #
Called when the touch is released, but not if cancelled (e.g. by a scroll that steals the responder lock).
style View.propTypes.style #
underlayColor string #
The color of the underlay that will show through when the touch is active.