Как различные анимации можно динамически прикреплять к изображению в реагирующем режиме?

Question

Предположим, что на экране есть изображение, и когда пользователь нажимает другое изображение (скажем, стрелка вправо), первое изображение идет вправо, а когда пользователь нажимает третье изображение (скажем, стрелка влево), первое изображение идет влево.

Вкратце примерно так: стрелка влево должна сдвинуть крупье влево, а вправо - вправо:

Согласнодокументация, изображение может иметь несколько анимаций (преобразования, масштабирование, изменения непрозрачности и т. д.), но кажется, что все эти анимации должны выполняться параллельно (одновременно).

Мой вопрос заключается в том, чтобы сделать это свободно с помощью вызова функцииот несвязанных объектов.

Answer 1

У вас может быть только значение анимации для того, сколько вы хотите переместить человечка.Просто дайте человечку style={{transform:[{translateX: this.stickManTranslateX}]}}, тогда стрелки могут использовать функцию moveStickManLeft, чтобы он двигался в разных направлениях.

    stickManTranslateX = new Animated.value(0);

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