mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Updated docs for next
This commit is contained in:
@@ -186,7 +186,7 @@ familiar with. It accepts a function as its only argument and calls that
|
||||
function before the next repaint. It is an essential building block for
|
||||
animations that underlies all of the JavaScript-based animation APIs. In
|
||||
general, you shouldn't need to call this yourself - the animation APIs will
|
||||
manage frame updates for you.</p><h3><a class="anchor" name="react-tween-state-not-recommended-use-animated-animated-instead"></a>react-tween-state (Not recommended - use <a href="#animated" target="">Animated</a> instead) <a class="hash-link" href="docs/animations.html#react-tween-state-not-recommended-use-animated-animated-instead">#</a></h3><p><a href="https://github.com/chenglou/react-tween-state" target="_blank">react-tween-state</a> is a
|
||||
manage frame updates for you.</p><h3><a class="anchor" name="react-tween-state-not-recommended-use-animated-docs-animations-html-animated-instead"></a>react-tween-state (Not recommended - use <a href="docs/animations.html#animated" target="_blank">Animated</a> instead) <a class="hash-link" href="docs/animations.html#react-tween-state-not-recommended-use-animated-docs-animations-html-animated-instead">#</a></h3><p><a href="https://github.com/chenglou/react-tween-state" target="_blank">react-tween-state</a> is a
|
||||
minimal library that does exactly what its name suggests: it <em>tweens</em> a
|
||||
value in a component's state, starting at a <strong>from</strong> value and ending at
|
||||
a <strong>to</strong> value. This means that it generates the values in between those
|
||||
@@ -235,7 +235,7 @@ class <span class="token class-name">App</span> extends <span class="token class
|
||||
|
||||
reactMixin<span class="token punctuation">.</span><span class="token function">onClass<span class="token punctuation">(</span></span>App<span class="token punctuation">,</span> tweenState<span class="token punctuation">.</span>Mixin<span class="token punctuation">)</span><span class="token punctuation">;</span></div><p><a href="https://rnplay.org/apps/4FUQ-A" target="_blank">Run this example</a></p><p><img src="img/TweenState.gif" alt=""></p><p>Here we animated the opacity, but as you might guess, we can animate any
|
||||
numeric value. Read more about react-tween-state in its
|
||||
<a href="https://github.com/chenglou/react-tween-state" target="_blank">README</a>.</p><h3><a class="anchor" name="rebound-not-recommended-use-animated-docs-animation-html-instead"></a>Rebound (Not recommended - use <a href="docs/animation.html" target="_blank">Animated</a> instead) <a class="hash-link" href="docs/animations.html#rebound-not-recommended-use-animated-docs-animation-html-instead">#</a></h3><p><a href="https://github.com/facebook/rebound-js" target="_blank">Rebound.js</a> is a JavaScript port of
|
||||
<a href="https://github.com/chenglou/react-tween-state" target="_blank">README</a>.</p><h3><a class="anchor" name="rebound-not-recommended-use-animated-docs-animations-html-animated-instead"></a>Rebound (Not recommended - use <a href="docs/animations.html#animated" target="_blank">Animated</a> instead) <a class="hash-link" href="docs/animations.html#rebound-not-recommended-use-animated-docs-animations-html-animated-instead">#</a></h3><p><a href="https://github.com/facebook/rebound-js" target="_blank">Rebound.js</a> is a JavaScript port of
|
||||
<a href="https://github.com/facebook/rebound" target="_blank">Rebound for Android</a>. It is
|
||||
similar in concept to react-tween-state: you have an initial value and
|
||||
set an end value, then Rebound generates intermediate values that you can
|
||||
|
||||
Reference in New Issue
Block a user