Expand Image

Using this Action, you can make the Image and CircleImage widget expandable. That means you can see the image on full screen and then zoom/pan the image.

Expanding Image

Prerequisites

Before you add the Expand Image Action, add either the Image or CircleImage widget to your project.

Adding Expand Image action

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

1. Select the Image or CircleImage widget.

2. Select Actions from the Properties panel (the right menu), and click + Add Action.

   1. Search and select Expand Image action.

   2. Turn on the Allow Rotation if you want users to be able to rotate the expanded image.

   3. When you click on the image, it animates and then expands to full screen. That's called Hero Animation, which is enabled by default. To remove this effect, turn off the Hero Animation toggle.

3. Click Close.

Adding Expand Image action