Konfigurieren der Geschwindigkeit in Animated.decay, um die Ansicht mit der Flickgeste zu verwerfen

Question

Ich versuche, eine 'Drag down to disconnect'-Geste in meiner React Native App mit Animated.decay zu implementieren, um die Geschwindigkeit vom onPanResponderRelease Handler zu nehmen und diese in die zerfallen.

Das einzige ist, ich verstehe nicht wirklich, was meine Geschwindigkeit und Verzögerung sein sollte. Ich habe Probleme, die Bedeutung dieser Werte zu verstehen. Irgendwelche Werte, die ich einfüge (ob es die gesturestate.vy von onPanResponderRelease ist oder statische Werte, die ich manuell gebe), führen nicht zu einer flüssigen Animation und die Ansicht verschwindet sofort.

I mit Werten wie

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

Und dismissVal wird mich spielen wie

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

habe ich viel über das Beispiel react-native-animated-tinder geschaut haben, ohne Glück. Ich habe Probleme zu verstehen, wie der Wert der Geschwindigkeit (und der Verzögerung) aussehen sollte.

Answer 1

Nicht vergessen Startverfall. Animated.decay({...}).start();

Und der zweite Fehler könnte versuchen, die Änderung this.props. Alles, was Sie als Prop an Komponente übergeben, kann nur in der übergeordneten Komponente geändert werden. In Ihrer untergeordneten Komponente ist es die letzte Variable.

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