Drawer

Using this action, you can open and close the drawers with a tap of a button. For example, opening the drawer from the widget placed outside the Appbar and closing it from the widget placed inside the drawer.

Opening and closing drawer on tap of IconButton

Prerequisites

Before you add the drawer action, you'll need to have a drawer widget on a page. If you haven't already done so, you can learn how to add a drawer.

Types of drawer action

There are three types of actions you can add to the drawer.

1. Open Drawer: Opens the regular drawer.

2. Open End Drawer: Opens the end drawer (open from the opposite direction of the regular drawer).

3. Close Drawers: Closes all the open drawers.

Defining Drawer action

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

1. Select the Widget (e.g. IconButton, Button) on which you want to define 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.

   1. Click on the + Add Action.

   2. On the right side, search and select the Drawer action.

   3. Select the Drawer Action Type among the Open Drawer, Open End Drawer, and Close Drawers.

   4. Click Close.

Adding drawer action