代码之家 › 专栏 › 技术社区 › Mahdi Bashirpour

如何用动画值限制动画衰减

react-native animation reactjs

Mahdi Bashirpour · 技术社区 · 6 年前

this.myAnimated = new Animated.ValueXY() ;

onPanResponderRelease: (evt, gestureState) => {
      this.myAnimated.flattenOffset();

      Animated.decay(this.myAnimated, {
          deceleration: 0.997,
          velocity: {x: 0, y: gestureState.vy},
      }).start();
}

1 回复 | 直到 6 年前

Mahdi Bashirpour 6 年前

this._value = {x: 0, y: 0};

this.myAnimated.addListener((value) => {

    if (value.y < 100 && value.y > 500 )
       Animated.decay(this.state.myAnimated).stop();

    this._value = value
});

推荐文章

Ahmed Zaidan · 快速ui转换无法按预期工作

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Armand · 为什么我的图像与另一个图像相交时不会被删除

1 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

Ancross · 为什么我的小CSS动画不会触发?

2 年前

C.Bernabei · 灯丝动画混合

2 年前

Tom · 移动球体动画

2 年前

Tom · 设置两个圆的动画

2 年前

Neo78 · CSS动画将返回其原始位置,但不应该

2 年前

Wikson · 我想在滚动时启动JS函数

2 年前