动画在其更改时的原生显示值

Question

JS和React Native的新手 如何在动画发生变化时显示动画的值。 我有一个工作的旋转动画，并尝试添加一个事件监听器，它更新变量如下所示，但在冒号后的文本视图中什么都没有。

  var spin = this.state.spinValue.interpolate({
    inputRange: [-60, 60],
    outputRange: ['-125deg', '125deg'],
  });

  // AppState.addEventListener('change', this.state.spinValue._value);
  this.state.spinValue.addListener(({value}) => this._value = value);


  <Text style={{color:'white', fontSize:20}}>Rotation value : {this._value}

Answer 1

在您调用setState之前，组件不会更新，因此您可以将其存储在状态（this._value中，而不是将值存储在类实例属性this.state.value中。 }），并使用this.setState({ value: value });

更新它

请确保您不在渲染方法中附加偶数侦听器，因为每次新事件进入时都会添加新的侦听器。