mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
update website
This commit is contained in:
@@ -88,7 +88,7 @@ everything beyond that, you could do:</p><div class="prism language-javascript">
|
||||
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></div><p>Which would map like so:</p><table><thead><tr><th>Input</th><th>Output</th></tr></thead><thead><tr><td> -400</td><td>450</td></tr><tr><td> -300</td><td>300</td></tr><tr><td> -200</td><td>150</td></tr><tr><td> -100</td><td>0</td></tr><tr><td> -50</td><td>0.5</td></tr><tr><td> 0</td><td>1</td></tr><tr><td> 50</td><td>0.5</td></tr><tr><td> 100</td><td>0</td></tr><tr><td> 101</td><td>0</td></tr><tr><td> 200</td><td>0</td></tr></thead></table><p><code>interpolation</code> also supports arbitrary easing functions, many of which are
|
||||
already implemented in the
|
||||
<a href="https://github.com/facebook/react-native/blob/master/Libraries/Animation/Animated/Easing.js" target="_blank"><code>Easing</code></a>
|
||||
class including quadradic, exponential, and bezier curves as well as functions
|
||||
class including quadratic, exponential, and bezier curves as well as functions
|
||||
like step and bounce. <code>interpolation</code> also has configurable behavior for
|
||||
extrapolation, the default being <code>'extend'</code>, but <code>'clamp'</code> is also very useful
|
||||
to prevent the output value from exceeding <code>outputRange</code>.</p><h4><a class="anchor" name="tracking-dynamic-values"></a>Tracking Dynamic Values <a class="hash-link" href="#tracking-dynamic-values">#</a></h4><p>Animated values can also track other values. Just set the <code>toValue</code> of an
|
||||
|
||||
Reference in New Issue
Block a user