title: React Native - Change other icons color on click
body: <p>I've been searching for a few days to solve this problem. I need to change another icon's color when i click in one of them.</p>
  
  <p>I'm using react-native-vector-icons</p>
  
  <pre><code> this.setState({
          listaPlantel: Object.entries(dataArray).map(function ([key, nome]) {
              if (that.state.mercado.status_mercado == 2) {
                  dadosAtleta = that.state.pontuados[nome.atleta_id];
              }
              return (
                  &lt;ListItem avatar key={key} button onPress={() =&gt; that.detailsScreen(nome)}&gt;
                      &lt;Left&gt;
                          &lt;Thumbnail source={{ uri: nome.foto.replace('FORMATO', '80x80') }} /&gt;
                      &lt;/Left&gt;
                      &lt;Body&gt;
                          &lt;Text&gt;{nome.apelido}&lt;/Text&gt;
                          &lt;Text note&gt;{that.state.posicoes ? that.state.posicoes[nome.posicao_id]['nome'] : ''} - {that.state.clubes ? that.state.clubes[nome.clube_id]['nome'] : ''}&lt;/Text&gt;
                          &lt;Text style={{ textAlign: 'left' }}&gt;Última: {nome.pontos_num} Média: {nome.media_num} {' $' + nome.preco_num}&lt;/Text&gt;
                      &lt;/Body&gt;
                      &lt;Right&gt;
                          {/*&lt;Text&gt;{dadosAtleta ? dadosAtleta['pontuacao'] : nome.pontos_num}&lt;/Text&gt;*/}
                          &lt;Icon name="md-close-circle" size={30} /&gt;
                          &lt;Icon type="Foundation" name="md-contact" key={key} size={30} color={that.state.id_capitao === nome.atleta_id ? that.state.corCap : that.state.corGeral} onPress={() =&gt; that.setState({ id_capitao: nome.atleta_id })} /&gt;
                      &lt;/Right&gt;
                  &lt;/ListItem&gt;
              )
          }),
      });
  </code></pre>