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 are as follows:

• Understanding the Lottie file
• Using a Lottie file in a React Native app
• Using lottie-react-native in your TypeScript app
• Finding documentation for lottie-react-native
• Using remote...