代码之家 › 专栏 › 技术社区 › Mehmet Kaplan

如何在react native中将不同的动画动态附加到图像?

animation react-native

0

Mehmet Kaplan · 技术社区 · 7 年前

当屏幕上有一个图像时,当用户按下另一个图像(如右箭头)时,第一个图像向右移动,当用户按下第三个图像(如左箭头)时,第一个图像向左移动。

根据文档,一个图像可以有多个动画(变换、缩放、不透明度更改等),但似乎所有这些动画都需要并行运行(同时)。

0 回复 | 直到 7 年前

1

Miles Low 7 年前

你只需要有一个动画值,你想移动多少棍子人。只要给棍子一个男人 style={{transform:[{translateX: this.stickManTranslateX}]}}

    stickManTranslateX = new Animated.value(0);

    moveStickManLeft = toValue => {
         this.stickManTranslateX.setValue(toValue);
    }