Files
react-native/docs/layoutanimation.html
T
Christopher Chedeau 44f3f386c3 update website
2015-03-14 17:00:52 -07:00

114 lines
9.7 KiB
HTML

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>React Native | Build Native Apps Using React</title><meta name="viewport" content="width=device-width"><meta property="og:title" content="React Native | Build Native Apps Using React"><meta property="og:type" content="website"><meta property="og:url" content="http://facebook.github.io/react-native/index.html"><meta property="og:image" content="http://facebook.github.io/react-native/img/opengraph.png"><meta property="og:description" content="Build Native Apps Using React"><link rel="shortcut icon" href="/react-native/img/favicon.png"><link rel="stylesheet" href="/react-native/css/react-native.css"><script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script></head><body><div class="container"><div class="nav-main"><div class="wrap"><a class="nav-home" href="/react-native/"><img src="/react-native/img/logo.png">React Native</a><ul class="nav-site"><li><a href="/react-native/docs/getting-started.html#content" class="active">docs</a></li><li><a href="/react-native/support.html" class="">support</a></li><li><a href="http://github.com/facebook/react-native" class="">github</a></li></ul></div></div><section class="content wrap documentationContent"><div class="nav-docs"><div class="nav-docs-section"><h3>Quick Start</h3><ul><li><a style="margin-left:0;" class="" href="/react-native/docs/getting-started.html#content">Getting Started</a></li></ul></div><div class="nav-docs-section"><h3>Guides</h3><ul><li><a style="margin-left:0;" class="" href="/react-native/docs/network.html#content">Network</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/pixels.html#content">Physical vs Logical Pixels</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/style.html#content">Style</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/timers.html#content">Timers</a></li></ul></div><div class="nav-docs-section"><h3>components</h3><ul><li><a style="margin-left:0;" class="" href="/react-native/docs/activityindicatorios.html#content">ActivityIndicatorIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/datepickerios.html#content">DatePickerIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/expandingtext.html#content">ExpandingText</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/image.html#content">Image</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/listview.html#content">ListView</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/mapview.html#content">MapView</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/navigatorios.html#content">NavigatorIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/pickerios.html#content">PickerIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/scrollview.html#content">ScrollView</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/slider.html#content">Slider</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/switchios.html#content">SwitchIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/tabbarios.html#content">TabBarIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/text.html#content">Text</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/textinput.html#content">TextInput</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/touchablehighlight.html#content">TouchableHighlight</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/touchableopacity.html#content">TouchableOpacity</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/touchablewithoutfeedback.html#content">TouchableWithoutFeedback</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/view.html#content">View</a></li></ul></div><div class="nav-docs-section"><h3>apis</h3><ul><li><a style="margin-left:0;" class="" href="/react-native/docs/animation.html#content">Animation</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/appregistry.html#content">AppRegistry</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/appstate.html#content">AppState</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/appstateios.html#content">AppStateIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/asyncstorage.html#content">AsyncStorage</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/cameraroll.html#content">CameraRoll</a></li><li><a style="margin-left:0;" class="active" href="/react-native/docs/layoutanimation.html#content">LayoutAnimation</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/pixelratio.html#content">PixelRatio</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/statusbarios.html#content">StatusBarIOS</a></li><li><a style="margin-left:0;" class="" href="/react-native/docs/stylesheet.html#content">StyleSheet</a></li></ul></div></div><div class="inner-content"><a id="content"></a><h1>LayoutAnimation</h1><div><div></div><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="configurenext"></a><span class="propType">static </span>configureNext(<span class="propType">config, onAnimationDidEnd, onError</span>) <a class="hash-link" href="#configurenext">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="create"></a><span class="propType">static </span>create(<span class="propType">duration, type, creationProp</span>) <a class="hash-link" href="#create">#</a></h4></div></div><pre>{
&quot;methods&quot;: [
{
&quot;line&quot;: 48,
&quot;source&quot;: &quot;configureNext(config, onAnimationDidEnd, onError) {\n configChecker({config}, &#x27;config&#x27;, &#x27;LayoutAnimation.configureNext&#x27;);\n RKUIManager.configureNextLayoutAnimation(config, onAnimationDidEnd, onError);\n }&quot;,
&quot;modifiers&quot;: [
&quot;static&quot;
],
&quot;params&quot;: [
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;config&quot;
},
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;onAnimationDidEnd&quot;
},
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;onError&quot;
}
],
&quot;tparams&quot;: null,
&quot;returntypehint&quot;: null,
&quot;name&quot;: &quot;configureNext&quot;
},
{
&quot;line&quot;: 52,
&quot;source&quot;: &quot;create(duration, type, creationProp) {\n return {\n duration,\n create: {\n type,\n property: creationProp,\n },\n update: {\n type,\n },\n };\n }&quot;,
&quot;modifiers&quot;: [
&quot;static&quot;
],
&quot;params&quot;: [
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;duration&quot;
},
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;type&quot;
},
{
&quot;typehint&quot;: null,
&quot;name&quot;: &quot;creationProp&quot;
}
],
&quot;tparams&quot;: null,
&quot;returntypehint&quot;: null,
&quot;name&quot;: &quot;create&quot;
}
],
&quot;properties&quot;: [
[
[
&quot;static&quot;
],
&quot;&quot;,
&quot;Types&quot;,
&quot;keyMirror({\n spring: true,\n linear: true,\n easeInEaseOut: true,\n easeIn: true,\n easeOut: true,\n})&quot;,
&quot;&quot;,
64
],
[
[
&quot;static&quot;
],
&quot;&quot;,
&quot;Properties&quot;,
&quot;keyMirror({\n opacity: true,\n scaleXY: true,\n})&quot;,
&quot;&quot;,
65
],
[
[
&quot;static&quot;
],
&quot;&quot;,
&quot;configChecker&quot;,
&quot;createStrictShapeTypeChecker({\n duration: PropTypes.number.isRequired,\n create: animChecker,\n update: animChecker,\n delete: animChecker,\n})&quot;,
&quot;&quot;,
66
]
],
&quot;superClass&quot;: null,
&quot;type&quot;: &quot;api&quot;,
&quot;line&quot;: 47,
&quot;name&quot;: &quot;LayoutAnimation&quot;,
&quot;docblock&quot;: &quot;/**\n *\n */\n&quot;,
&quot;requires&quot;: [
{
&quot;name&quot;: &quot;ReactPropTypes&quot;
},
{
&quot;name&quot;: &quot;NativeModules&quot;
},
{
&quot;name&quot;: &quot;createStrictShapeTypeChecker&quot;
},
{
&quot;name&quot;: &quot;keyMirror&quot;
}
]
}</pre></div><noscript></noscript><div class="docs-prevnext"><a class="docs-next" href="pixelratio.html#content">Next →</a></div></div></section><footer class="wrap"><div class="right">© 2015 Facebook Inc.</div></footer></div><div id="fb-root"></div><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41298772-2', 'facebook.github.io');
ga('send', 'pageview');
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)
){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script></body></html>