Tenho o seguinte código:
const Sounds: React.FC = () => {
const [hasSelect, setHasSelect] = useState(false);
return (
<Container>
<FlatList
data={data}
keyExtractor={item => item.id}
renderItem={({ item }) => (
<Sound key={item.id} activeOpacity={0.7}>
<MusicPic source={mushroom} />
<AddSound onPress={() => setHasSelect(true)}>
<ICon name="library-plus" color={hasSelect ? main : lighter} />
</AddSound>
</Sound>
)}
/>
</Container>
Estou tentando mudar a cor de ícone quando o usuário clica nele, porém todas os icones do FlatList tem o estado alterado, como faço pra alterar apenas o pressionado?
<Sound>
, não<Sounds>
... Ou então controlaria pelo<Sounds>
mas através de um array de boolean/objetos, não um único boolean