在Animated.decay中配置速度以忽略轻拂手势的视图

Question

我在使用Animated.decay从onPanResponderRelease处理程序中获取速度，并将其馈送到我的React Native应用程序中的“向下拖动以解除”手势衰变。

唯一的，这是我真的不明白我的速度和减速应该是什么。我无法理解这些值的含义。我输入的任何值（无论是从onPanResponderRelease的gesturestate.vy还是我手动输入的静态值）都不会导致流体动画，视图会立即消失。

我和值这样打下去

Animated.decay(this.props.dismissVal, { 
    velocity: 0.03, 
    deceleration: 0.997 
}); 

而且dismissVal使用像

top: this.props.dismissVal.interpolate({ 
    inputRange: [0, 1], 
    outputRange: [0, _containerLayout.height] 
}) 

我已经看了很多在react-native-animated-tinder例如，没有运气。我很难理解速度（和减速）的值应该是什么样子。

Answer 1

不要忘记开始腐烂。 Animated.decay({...}).start();

而第二个错误，可以尝试改变this.props的。所有传递给组件的道具，只能在父组件中更改。在你的子组件中，它是最终的变量。

//constructor 
this.state = { animatedValue: new Animated.Value() } 
.... 
.... 
Animated.decay(this.state.animatedValue, {...}).start();