title: Change one button color when onPress in list
body: <p>So i want to make a list with a heart button
  when i tap on one heart button. </p>
  
  <p>i want only one button changed color.
  and save the current button color state.</p>
  
  <p>My Problem is 
  When i tap on one heart button, all button changed color.</p>
  
  <p><strong>Screenshot:</strong>
  <a href="https://i.stack.imgur.com/kekYC.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/kekYC.gif" alt="enter image description here"></a></p>
  
  <p><strong>this is my code</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View,
    Button,
  } from 'react-native';
  
  import { ListItem } from 'react-native-elements'
  import { Icon } from 'react-native-elements'
  import Data from './src/data/sampledata.json';
  
  export default class App extends Component&lt;Props&gt; {
    constructor(props) {
      super(props);
  
      this.state = {
        buttonColor: '#979797', // default button color goes here, grey is default
      };
    }
  
    onButtonPress = () =&gt; {
      if(this.state.buttonColor=='#ff002b')
      {
        this.setState({ buttonColor: '#979797' }) // grey
      }
      else {
        this.setState({ buttonColor: '#ff002b' }) // red
      }
    }
  
    render() {
      return (
        &lt;View style={styles.container}&gt;
          {
            Data.map((item, i) =&gt; (
              &lt;ListItem
                key={item.index}
                title={item.dataItem}
                rightIcon={
                  &lt;Icon
                  raised
                  name='heart'
                  type='font-awesome'
                  color={this.state.buttonColor}
                  onPress={this.onButtonPress}
                /&gt;
              }
              /&gt;
            ))
          }
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#F5FCFF',
    },
  });
  </code></pre>