Documentation

Hey friend! We are co-hosting a conference with Software Mansion, learn more.

LayoutAnimation

Automatically animates views to their new positions when the next layout happens.
A common way to use this API is to call it before calling setState.
Note that in order to get this to work on Android you need to set the following flags via UIManager:
    UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);


Reference


static configureNext(config, onAnimationDidEnd?)

Schedules an animation to happen on the next layout.

NameTypeRequiredDescription
configobjectYesSee config parameters below.
onAnimationDidEndfunctionNoCalled when the animation finished. Only supported on iOS.
config
  • duration in milliseconds
  • create, config for animating in new views (see Anim type)
  • update, config for animating views that have been updated (see Anim type)


static create(duration, type, creationProp)

Helper for creating a config for configureNext.


static checkConfig(config, location, name)

An enumerate of animation types to be used in create method.
Types
spring
linear
easeInEaseOut
easeIn
easeOut
keyboard

An enumerate of object property to be animated, used in create method.
Properties
opacity
scaleX
scaleY
scaleXY

A set of predefined animation config.
create(300, 'easeInEaseOut', 'opacity')create(500, 'linear', 'opacity'){ duration: 700, create: { type: 'linear', property: 'opacity' }, update: { type: 'spring', springDamping: 0.4 }, delete: { type: 'linear', property: 'opacity' } }
PresetsValue
easeInEaseOut
linear
spring

Shortcut to bind configureNext() methods with Presets.easeInEaseOut.

Shortcut to bind configureNext() methods with Presets.linear.

Shortcut to bind configureNext() methods with Presets.spring.