Rive Animation

This action can be used to trigger the Rive animation inside your FlutterFlow app.

Rive Teddy's hands-up animation in action

Prerequisites

Before you start defining the Animation Action, add the RiveAnimation widget.

Defining Rive Animation Action

Follow the steps below to define an action to start the animation:

1. Select the widget (eg., Button) on which you want to define the action.

2. Select Actions from the Properties panel (the right menu).

3. Click + Add Action button.

4. Choose a gesture from the dropdown among On Tap, On Double Tap, or On Long Press.

5. Select the Action Type as Animation.

6. Set Choose Animation Type to Rive Animation.

7. Under Choose Rive Animation, select the RiveAnimation widget (If you have given your RiveAnimation widget a name, that will be displayed here).

You should have the Auto Animate unchecked inside the properties of RiveAnimation widget to take advantage of this action.