react-nativeflickertouchablehighlightonpress

react-native TouchableHighlight disable onPress color flickering

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?

Solution

  • Use TouchableWithoutFeedback or set activeOpacity to 1.0.