Cześć,
naprowadzicie co robię nie tak?
export default ()=> {
const [done, setDone] = useState(false);
return <TouchableOpacity onPress={() => setDone(!done)} style={{opacity: done ? 0.2 : 1}}>...</TouchableOpacity>;
}
To mój komponent. Logika jest dosyć prosta - chcę, żeby klikniecie powodowało zmianę opacity na 0.2, a ponowne przywrócenie do 1.0. Problem jest w tym, że styl jest tak jakby z poprzedniego stanu. Czyli:
- opacity = 1.0; done = false
- Klikam
- opacity = 1.0; done = true
- Klikam
- opacity = 0.2; done = false
Pewnie jest to moje niezrozumienie mechanizmu stanu :)