Chapter 9: Let’s Do Some Magic: Integrating Your First Lottie Animation
Our app is now ready to display Lottie animations on its screens. In this chapter, we will learn how to integrate a Lottie file, whether downloaded from https://lottiefiles.com/ or generated by us in Adobe After Effects (AE). The requirements to perform this integration successfully are as follows:
- Have a JSON file with the Lottie animation exported from AE using the Bodymovin plugin or downloaded from LottieFiles.
- Have the React Native project ready after having followed the steps described in Chapter 8, Installing lottie-react-native.
The final result will be our app displaying the provided Lottie animation on the initial screen. The topics we will cover in this chapter ...
Get UI Animations with Lottie and After Effects now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
