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 facebook#12373

Differential Revision: D4557642

fbshipit-source-id: 874a7163a9b6b5492f3374b32aa0f9b7d48ffb0b
  • Loading branch information
janicduplessis authored and dudeinthemirror committed Mar 1, 2017
1 parent a7152eb commit f7ccd56
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
Original file line number Diff line number Diff line change
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)

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: Intermediate values are calculated and passed to a props node that is attached to a `View`.
- 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:

- 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: The `UIView` or `android.View` is updated.
Expand Down

0 comments on commit f7ccd56

Please sign in to comment.