26
Using Animations
Animations can be used to improve the user experience in mobile applications. They usually help users quickly recognize that something has changed or help them focus on what is important. They also improve user satisfaction: animations are simply fun to look at. For example, the heartbeat reaction in the Instagram app when you like a post, or the pull-to-refresh spinner in any app, such as Twitter/X and Gmail.
There are a couple of different approaches to processing and controlling animations in React Native. In this chapter, we will first take a look at animation tools that we can use, discover their pros and cons, and compare them. Then, we will implement several examples to get to know the APIs better.
In this chapter, we'll cover the following topics:
- Using React Native Reanimated
- Animating layout components
- Animating component styles
