Javascript 在动画更改时对其本机显示值作出反应
JS新手和React Native 如何在动画更改时显示其值。 我有一个正在工作的旋转动画,并尝试添加一个事件监听器,该监听器如下所示更新变量,但在冒号后的文本视图中什么也得不到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
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使其工作完美。