status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix animated blog lists 

Summary:
Didn't notice when testing initially but the lists didn't show up properly without the extra new line before it.
Closes https://github.com/facebook/react-native/pull/12373

Differential Revision: D4557642

fbshipit-source-id: 874a7163a9b6b5492f3374b32aa0f9b7d48ffb0b
This commit is contained in:
Janic Duplessis 2017-02-13 22:34:11 -08:00 committed by Facebook Github Bot
parent 6a4f7c0993
commit 7f9876c049
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
blog/2017-02-14-using-native-driver-for-animated.md
View File

@ -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`.
@ -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.