All talks

Animate everything - How to use Animations with 60 fps

About

There are multiple solutions if you want to work with animations in React Native. Each solution has its advantages and disadvantages. In this talk, you will get to know Animated, Reanimated 2, and Lottie, each solution with detailed code examples and recommended use cases for this solution. We will animate Image list headers with scale, translate and change opacity using Animated, change the height, position, and opacity onScroll using Reanimated 2 and use code-controlled Lottie-Animations to animate characters. You will not only learn how to create such beautiful animations but also how to do it that they run at 60fps on every device.

Speaker Bio

Alexander is the owner of Horizon Alpha. He loves working on awesome React Native apps and the corresponding cloud-based backends.

Speaker

Alexander Kuttig

Alexander Kuttig

Date originally presented

September 2, 2021

transcription

See also

Let's talk

conference@callstack.com

Please note that every RNEU participant, speaker, sponsor and volunteer MUST follow our code of conduct.