AppRegistry.registerComponent()

static registerComponent(appKey, getComponentFunc)

Animations

Fluid, meaningful animations are essential to the mobile user experience. Like everything in React Native, Animation APIs for React Native are currently under development, but have started to coalesce around two complementary systems: LayoutAnimation for animated global layout transactions, and Animated for more granular and interactive control of specific values. Animated The Animated library is designed to make it very easy to concisely express a wide variety of interesting animation and in

Animated.spring()

static spring(value, config) Spring animation based on Rebound and Origami. Tracks velocity state to create fluid motions as the toValue updates, and can be chained together.

Animated.parallel()

static parallel(animations, config?) Starts an array of animations all at the same time. By default, if one of the animations is stopped, they will all be stopped. You can override this with the stopTogether flag.

Animated.timing()

static timing(value, config) Animates a value along a timed easing curve. The Easing module has tons of pre-defined curves, or you can use your own function.

Animated.stagger()

static stagger(time, animations) Array of animations may run in parallel (overlap), but are started in sequence with successive delays. Nice for doing trailing effects.

Animated.sequence()

static sequence(animations) Starts an array of animations in order, waiting for each to complete before starting the next. If the current running animation is stopped, no following animations will be started.

Animated.event()

static event(argMapping, config?) Takes an array of mappings and extracts values from each arg accordingly, then calls setValue on the mapped outputs. e.g. onScroll={Animated.event( [{nativeEvent: {contentOffset: {x: this._scrollX}}}] {listener}, // Optional async listener ) ... onPanResponderMove: Animated.event([ null, // raw event arg ignored {dx: this._panX}, // gestureState arg ]),

Animated.modulo()

static modulo(a, modulus) Creates a new Animated value that is the (non-negative) modulo of the provided Animated value

Animated.multiply()

static multiply(a, b) Creates a new Animated value composed from two Animated values multiplied together.