LayoutAnimation¶

Автоматически анимирует представления в их новые позиции, когда происходит следующая компоновка.

Обычный способ использования этого API — вызвать его перед обновлением хука состояния в функциональных компонентах и вызовом setState в компонентах класса.

Обратите внимание, что для того, чтобы это работало на Android, необходимо установить следующие флаги через UIManager:

1
2
3
4
5
6
7

if (Platform.OS === 'android') {
    if (UIManager.setLayoutAnimationEnabledExperimental) {
        UIManager.setLayoutAnimationEnabledExperimental(
            true
        );
    }
}

Пример¶

Методы¶

configureNext()¶

1
2
3
4
5

static configureNext(
  config: LayoutAnimationConfig,
  onAnimationDidEnd?: () => void,
  onAnimationDidFail?: () => void,
);

Планирует анимацию на следующий макет.

Параметры:

Параметр config представляет собой объект с ключами, указанными ниже. create возвращает правильный объект для config, и объекты Presets также могут быть переданы в качестве config.

• duration в миллисекундах
• create, необязательная конфигурация для анимации в новых представлениях
• update, необязательный конфиг для анимации представлений, которые были обновлены
• delete, необязательная конфигурация для анимации представлений при их удалении

Конфиг, передаваемый в create, update или delete, имеет следующие ключи:

• type, используемый тип анимации
• property, свойство layout property для анимации (необязательно, но рекомендуется для create и delete)
• springDamping (число, необязательное и только для использования с type: Type.spring)
• initialVelocity (число, необязательное)
• delay (число, необязательно)
• duration (число, необязательно)

create()¶

1

static create(duration, type, creationProp)

Помощник, создающий объект (с полями create, update и delete) для передачи в configureNext. Параметр type — это тип анимации, а параметр creationProp — это свойство макета.

Пример:

Свойства¶

Types¶

Перечисление типов анимации для использования в методе create или в конфигурациях create/update/delete для configureNext. (пример использования: LayoutAnimation.Types.easeIn)

Properties¶

Перечисление свойств макета, которые должны быть анимированы для использования в методе create или в конфигурациях create/update/delete для configureNext. (пример использования: LayoutAnimation.Properties.opacity)

Предустановки¶

Набор предопределенных конфигураций анимации для передачи в configureNext.

easeInEaseOut¶

Вызывает configureNext() с Presets.easeInEaseOut.

linear¶

Вызывает configureNext() с Presets.linear.

spring¶

Вызывает configureNext() с Presets.spring.

Пример:

Комментарии