Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在动画更改时对其本机显示值作出反应_Javascript_React Native - Fatal编程技术网

Javascript 在动画更改时对其本机显示值作出反应

Javascript 在动画更改时对其本机显示值作出反应,javascript,react-native,Javascript,React Native,JS新手和React Native 如何在动画更改时显示其值。 我有一个正在工作的旋转动画,并尝试添加一个事件监听器,该监听器如下所示更新变量,但在冒号后的文本视图中什么也得不到 var spin = this.state.spinValue.interpolate({ inputRange: [-60, 60], outputRange: ['-125deg', '125deg'], }); // AppState.addEventListener('change

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}
var spin=this.state.spinValue.interpolate({
输入范围:[-60,60],
输出范围:['-125deg','125deg'],
});
//AppState.addEventListener('change',this.state.spinValue.\u值);
this.state.spinValue.addListener(({value})=>this.\u value=value);
旋转值:{this.\u value}

在调用组件上的
setState
之前,组件不会更新,因此,您可以将其存储在状态(
this.state.value
)中,而不是将值存储在类实例属性
this.setState({value:value})中,并使用
this.setState({value:value})对其进行更新


只需确保在渲染方法中不附加偶数侦听器,因为这样每次出现新事件时都会添加一个新的侦听器。

什么是
spinValue
?如果不是太大,请添加完整的代码好吗?如果出于性能原因不想更新太多状态,可以使用
this.state.spinValue.\u value
。检查完美!谢谢我设法算出了设置状态位,但性能非常慢。谢天谢地你回答了这一点。将addListener移动到componentDidMount使其工作完美。