How to add icon to AppBar in Flutter

Question

If I have an AppBar like this:

How do I add a clickable icon to it like this?

Answer 1

You can add an icon to the AppBar by adding an IconButton widget to the actions list of the AppBar.

AppBar(   title: Text('My App'),   actions: <Widget>[     IconButton(       icon: Icon(         Icons.settings,         color: Colors.white,       ),       onPressed: () {         // do something       },     )   ], ), 

See also

• AppBar Basics documentation
• How can I have clickable text in the AppBar in Flutter

Answer 2

Use leading for left sided icon and actions for right sided.

AppBar(   centerTitle: true,   title: Text('AppBar'),   leading: IconButton(     onPressed: () {},     icon: Icon(Icons.home),   ),   actions: [     IconButton(       onPressed: () {},       icon: Icon(Icons.call),     ),     IconButton(       onPressed: () {},       icon: Icon(Icons.more_vert),     ),   ], )