Skip to content

Commit

Permalink
Fix animated blog lists
Browse files Browse the repository at this point in the history
Summary:
Didn't notice when testing initially but the lists didn't show up properly without the extra new line before it.
Closes #12373

Differential Revision: D4557642

fbshipit-source-id: 874a7163a9b6b5492f3374b32aa0f9b7d48ffb0b
  • Loading branch information
janicduplessis authored and facebook-github-bot committed Feb 14, 2017
1 parent 6a4f7c0 commit 7f9876c
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions blog/2017-02-14-using-native-driver-for-animated.md
Expand Up @@ -25,6 +25,7 @@ First, let's check out how animations currently work using Animated with the JS
![](/react-native/blog/img/animated-diagram.png) ![](/react-native/blog/img/animated-diagram.png)


Here's a breakdown of the steps for an animation and where it happens: Here's a breakdown of the steps for an animation and where it happens:

- JS: The animation driver uses `requestAnimationFrame` to execute on every frame and update the value it drives using the new value it calculates based on the animation curve. - JS: The animation driver uses `requestAnimationFrame` to execute on every frame and update the value it drives using the new value it calculates based on the animation curve.
- JS: Intermediate values are calculated and passed to a props node that is attached to a `View`. - JS: Intermediate values are calculated and passed to a props node that is attached to a `View`.
- JS: The `View` is updated using `setNativeProps`. - JS: The `View` is updated using `setNativeProps`.
Expand Down Expand Up @@ -89,6 +90,7 @@ NativeAnimatedModule.startAnimation({
``` ```


And now here's the breakdown of what happens when the animation runs: And now here's the breakdown of what happens when the animation runs:

- Native: The native animation driver uses `CADisplayLink` or `android.view.Choreographer` to execute on every frame and update the value it drives using the new value it calculates based on the animation curve. - Native: The native animation driver uses `CADisplayLink` or `android.view.Choreographer` to execute on every frame and update the value it drives using the new value it calculates based on the animation curve.
- Native: Intermediate values are calculated and passed to a props node that is attached to a native view. - Native: Intermediate values are calculated and passed to a props node that is attached to a native view.
- Native: The `UIView` or `android.View` is updated. - Native: The `UIView` or `android.View` is updated.
Expand Down

0 comments on commit 7f9876c

Please sign in to comment.