- Using Native Driver for AnimationsWhen working with animations in React Native, it is easy to run into performance issues, especially if your app involves complex animations.The Animated API was designed with a very important constraint in mind: it is serialisable.
- This means we can send everything about the animation to the native layer before it has even started and allows native code to perform the animation on the UI thread without having to go through the bridge on every frame.Now we areÂ talking!It is very useful because once the animation has started, the JS thread can be blocked and the animation will still run smoothly.When creating an Animation in React Native, you could create an Animated.Value and change this value to update some transforms in your UI components.
- If it is blocked, the animation will skip frames.
Jasbir singh has been working on creating smooth animation effects that are hooked up to scroll events in React Native. Here is a brief explanation from Jasbir on it. This article shares some of the…
Continue reading “Butter Smooth Scrolling Animations in React Native – NativeBase.io Blog”