How to change image and text color when clicking using react-native?

Question

I am using TouchableHighlight, but I can change only background color using underlayColor. But how to change other content?

Answer 1

This answer is assuming you want to change the color just while the button is depressed:

Use TouchableWithoutFeedback and define your own onPressIn and onPressOut functions to change the text color.

 
  MyText


colorText: function() {
  this.setState({textColored: true});
},
resetText: function() {
  this.setState({textColored: false});
},
textColored: function() {
  if(this.state.textColored) {
    return styles.textColored;
  } else {
    return styles.textNormal;
  }
}