I have a category list that is being displayed using a FlatList I tried changing the color of a single item OnPress so the user gets a feed back of what item he selected,but all the items in the FlatList change color.

How do I go along about implementing something like this so that the only selected item changes color and gets the original color back when another item is selected 

Here is a sample of the code used : 

```
import colors from "../config/colors";
function Categories() {
  return (
    <View style={styles.Categories}>
      <FlatList
        horizontal
        showsHorizontalScrollIndicator={false}
        style={{}}
        data={category}
        keyExtractor={(item) => item.id}
        renderItem={({ item }) => {
          return <Text style={styles.Text}>{item.title}</Text>;
        }}
      />
    </View>
  );
}

```