Простой случай использования set (), чтобы установить непрозрачность - PullRequest
0 голосов
/ 10 марта 2020

Когда я нажимаю кнопку, текст меняется, поэтому я знаю, что изменение состояния работает. Но строка 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>
    )
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...