Animated.ValueXY

Двумерное значение для управления двухмерными анимациями, например, жестами перемещения. API практически идентично обычному Animated.Value, но мультиплексированное. Содержит два обычных Animated.Value под капотом.

Справочник

Методы

setValue()

setValue(value);

Непосредственно устанавливает значение. Это остановит любые анимации, выполняющиеся для значения, и обновит все связанные свойства.

Параметры:

setOffset()

setOffset(offset);

Устанавливает смещение, которое применяется поверх установленного значения, независимо от того, установлено ли оно через setValue, анимацию или Animated.event. Полезно для компенсации таких вещей, как начало жеста перемещения.

Параметры:

flattenOffset()

flattenOffset();

Объединяет значение смещения в базовое значение и сбрасывает смещение до нуля. Конечный результат значения не меняется.

extractOffset()

extractOffset();

Устанавливает значение смещения в базовое значение и сбрасывает базовое значение до нуля. Конечный результат значения не меняется.

addListener()

addListener(callback);

Добавляет асинхронного слушателя к значению, чтобы вы могли наблюдать за обновлениями от анимаций. Это полезно, так как нет способа синхронно прочитать значение, так как оно может быть управляется изначально.

Возвращает строку, используемую как идентификатор для слушателя.

Параметры:

removeListener()

removeListener(id);

Отписывает слушателя. Параметр id должен совпадать с идентификатором, ранее возвращенным addListener().

Параметры:

removeAllListeners()

removeAllListeners();

Удаляет всех зарегистрированных слушателей.

stopAnimation()

stopAnimation([callback]);

Останавливает любую выполняющуюся анимацию или отслеживание. callback вызывается с конечным значением после остановки анимации, что полезно для обновления состояния, чтобы оно соответствовало позиции анимации с макетом.

Параметры:

resetAnimation()

resetAnimation([callback]);

Останавливает любую анимацию и сбрасывает значение до исходного.

Параметры:

getLayout()

getLayout();

Преобразует {x, y} в {left, top} для использования в стиле, например:

style={this.state.anim.getLayout()}

getTranslateTransform()

getTranslateTransform();

Преобразует {x, y} в используемый трансформированный перевод, например:

style={{
  transform: this.state.anim.getTranslateTransform()
}}