react-native TouchableHighlight disable onPress color flickering

Question

I want to disable the "color blink" or "color flickering" effect that blackens the image when TouchableHighlight gets pressed.

Here is the screen render:

<TouchableHighlight onPress={this._onPressButton}>
                  <Image
                  source={require('../../img/fish.png')}
                  style={[styles.iconSize, styles.iconMarginRight]}/>
</TouchableHighlight>

How do i accomplish that?

Answer 1

Use TouchableWithoutFeedback or set activeOpacity to 1.0.

Answer 2

If you must use TouchableHighlight

You can set the underlayColor property of TouchableHighlight Component

The default for this property is black.