具有负延迟的Animated.timing()

时间:2017-01-20 07:02:10

标签: animation react-native react-animated

我使用Animated.timing()在react-native中创建了一个动画,我想在中途开始动画。有没有办法在css中应用负值来延迟http://koala-app.com/。我的示例代码如下所示:

Animated.timing(this.state.animatedVal, {
  toValue: 100,
  duration: 500,
  easing: Easing.inOut(Easing.ease),
  delay: 200,
}).start()

1 个答案:

答案 0 :(得分:0)

据我所知,负延迟不是一件事......但是,在开始动画之前,你可以在动画值上使用setValue来获得相同的效果。 IT实际上取决于你的动画价值的用例,因为它可能导致动画突然跳跃,但是因为你想要在中途启动它,这应该是有用的,例如:

this.state.animatedVal.setValue(50);
Animated.timing(this.state.animatedVal, {
  toValue: 100,
  duration: 250, // the portion of the time of the full animation
  easing: Easing.inOut(Easing.ease),
}).start()