From 9a57cc80ba84beb4fa09739ab3b53ec6d9606f46 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 10 Feb 2017 02:44:29 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/animated.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/releases/next/docs/animated.html b/releases/next/docs/animated.html index 22d4cfa8a58..ec83ac11d7f 100644 --- a/releases/next/docs/animated.html +++ b/releases/next/docs/animated.html @@ -84,7 +84,7 @@ sequence with successive delays. Nice for doing trailing effects.

null, // raw event arg ignored {dx: this._panX}, // gestureState arg ]),

static createAnimatedComponent(Component) #

Make any React component Animatable. Used to create Animated.View, etc.

Properties #

Value: AnimatedValue #

Standard value class for driving animations. Typically initialized with -new Animated.Value(0);

ValueXY: AnimatedValueXY #

2D value class for driving 2D animations, such as pan gestures.

class AnimatedValue #

    Standard value for driving animations. One Animated.Value can drive +new Animated.Value(0);

ValueXY: AnimatedValueXY #

2D value class for driving 2D animations, such as pan gestures.

Interpolation: AnimatedInterpolation #

exported to use the Interpolation type in flow

class AnimatedValue #

    Standard value for driving animations. One Animated.Value can drive multiple properties in a synchronized fashion, but can only be driven by one mechanism at a time. Using a new mechanism (e.g. starting a new animation, or calling setValue) will stop any previous ones.

    Methods #

    constructor(value) #

    setValue(value) #

    Directly set the value. This will stop any animations running on the value @@ -131,7 +131,7 @@ API to normal Animated.Value, but multiplexed. Contains two regula } }

    Methods #

    constructor(valueIn?) #

    setValue(value) #

    setOffset(offset) #

    flattenOffset(0) #

    extractOffset(0) #

    stopAnimation(callback?) #

    addListener(callback) #

    removeListener(id) #

    removeAllListeners(0) #

    getLayout(0) #

    Converts {x, y} into {left, top} for use in style, e.g.

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

    getTranslateTransform(0) #

    Converts {x, y} into a useable translation transform, e.g.

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

You can edit the content above on GitHub and send us a pull request!

Examples #

Edit on GitHub
'use strict'; + }}

class AnimatedInterpolation #

You can edit the content above on GitHub and send us a pull request!

Examples #

Edit on GitHub
'use strict'; var React = require('react'); var ReactNative = require('react-native');