Когда я нажимаю кнопку, текст меняется, поэтому я знаю, что изменение состояния работает. Но строка set (this.opacity) не работает, потому что компонент никогда не отображается.
class TestAnimation extends React.Component {
constructor(props) {
super(props);
this.state = { show: false };
this.opacity = new Value(0);
}
render () {
return (
<Wrapper
position={this.props.position}
margin={this.props.margin}
bottom={this.props.bottom}
top={this.props.top}
right={this.props.right}
left={this.props.left}
debug={this.props.debug}
>
<Animated.Code>
{() => set(this.opacity, this.state.show ? 1 : 0)}
</Animated.Code>
<Animated.View
style={{
position: "absolute",
opacity: this.opacity,
top: 0,
width: 230,
height: 230
}}
>
<Circle />
</Animated.View>
<Touchable
onPress={() => this.setState({show: !this.state.show})}
>
<Text>
Showing {this.state.show ? 'yes' : 'no'}
</Text>
</Touchable>
</Wrapper>
)
}
}