Ожидаемое поведение этого компонента выглядит следующим образом: я нажимаю его, вызывается функция selectedOpacity (), состояние обновляется, и теперь оно отображается с непрозрачностью = 1.
Но по какой-то причине после вызова this.setState он не перерисовывается. Мне нужно снова щелкнуть по этому компоненту, чтобы сделать его заново и применить изменения непрозрачности из состояния.
export default class Category extends Component {
state = {
opacity: 0.5
}
selectedOpacity() {
// some stuff
this.setState({opacity: 1})
}
render() {
return(
<TouchableOpacity style={[styles.container, {opacity: this.state.opacity}]} onPress={() => {
this.selectedOpacity();
}}>
</TouchableOpacity>
)
}