Lottie Animation

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


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

Defining Lottie Animation action

Go to your project page on FlutterFlow and follow the steps below to define the Action to any widget.
  • Select the Widget (e.g. Button) on which you want to define the action.
  • Select Actions from the Properties panel (the right menu), and click Open. This will open an Action flow Editor in a new popup window.
    • Click on the + Add Action.
    • On the right side, search and select Lottie Animation.
    • Choose Lottie Animation from the dropdown.
    • 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.
Adding Lottie animation action
Last modified 10mo ago