在Animated.decay中配置速度以使用轻拂手势关闭视图

Question

我正在努力实施“拖延”以解雇＆＃39;在我的React Native应用程序中使用Animated.decay从onPanResponderRelease处理程序中获取速度并将其输入到衰变中。

唯一的一点是，我真的不明白我的速度和减速度应该是什么。我无法理解这些价值观的含义。我输入的任何值（无论是来自gesturestate.vy的{​​{1}}还是我手动输入的静态值）都不会产生流畅的动画，视图会立即消失。

我正在玩像

这样的价值观

onPanResponderRelease

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

一样

dismissVal

我在react-native-animated-tinder示例中看了很多，没有运气。我无法理解速度（和减速度）的值应该是什么样的。

Answer 1

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

第二个错误可能是尝试改变this.props。您作为道具传递给组件的所有内容都只能在父组件中进行更改。在您的子组件中，它是最终变量。

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