Lottie Animation

Using this action you can start and pause the Lottie animation inside your FlutterFlow app.

Prerequisites

Before you start defining this Action, ensure that you have added the LottieAnimation widget.

Adding Lottie Animation action

Go to your project page on FlutterFlow and follow the steps below to define the Action to any widget.

Follow the steps below to add this action to any widget.

1. Select the Widget (e.g., Container, Button, etc.) on which you want to add the action.

2. Select Actions from the Properties panel (the right menu), and click Open. This will open an Action Flow Editor in a new popup window.

3. Click on the + Add Action.

4. On the right side, search and select Lottie Animation.

5. Choose Lottie Animation from the dropdown.

6. Enable Allow Play/Pause if you want to start and pause the animation while the animation is running. Note: You can only access this setting if the Auto Animate property of the LottieAnimation widget is unchecked. Note that this option is only available if you have set the animation type to either Loop or Boomerang.

---

Last Updated Date: April 15, 2024