title: How to change color of an component when its pressed in React Native FlatList
body: <p>I have been trying to develop a list which has cards and list item from data source. I have successfully brought up the list, but what i want to achieve is that when ever user touches a Item in the list, the item's color should change. </p>
  
  <p>Most importantly <strong>only one item</strong> should be selected. How to achieve this? I have grabbed the value of the data by using redux actions and reducers. But, i don't have any idea how to achieve this selection process.</p>
  
  <p>My flatList code:</p>
  
  <pre><code> &lt;FlatList
      horizontal={true}
      data={this.qtyList}
      keyExtractor={item =&gt; item.id.toString()}
      showsHorizontalScrollIndicator={false}
      renderItem={({ item }) =&gt; (
              &lt;TouchableHighlight 
              onPress={() =&gt; {
  
              }}
              &gt;
              &lt;Card
              containerStyle={{  borderRadius: 5 }}
              &gt;
              &lt;Text&gt;
              {item.qty}
              &lt;/Text&gt;
              &lt;/Card&gt;
          &lt;/TouchableHighlight&gt;
      )}
  /&gt;
  </code></pre>
  
  <p>Please provide step by step instructions, as i am totally a beginner. i don't want to do this with help of redux, so component level state would be great help.</p>