How to add a drawer and a search icon on my app bar in flutter

Question

I'm new to flutter and exploring it. I already have an app bar but I can't seem to figure out how to properly display a drawer icon and a search icon on it. I want it to look like the gmail app bar like the image below. I am working on a company helpdesk mobile app. Thanks.

Answer 1

You can try this code....

      appBar: AppBar(
        leading: Builder(
            builder: (BuildContext context){
              return IconButton(
                icon: Icon(Icons.menu),
                onPressed: () {

                },
              );
            }),
        title: Text("Flutter App"),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.search),
            onPressed: () {
            },
          ),
          IconButton(
            icon: Icon(Icons.search),
            onPressed: () {
            },
          )
        ],
      ),

Answer 2

Do it as stated in the flutter docs.

new AppBar( 
    title: new Text('My Fancy Dress'), 
    actions: <Widget>[ 
        new IconButton( icon: new Icon(Icons.playlist_play), tooltip: 'Air it', onPressed: _airDress, ),],
    leading: <Widget>[
        new IconButton( icon: new Icon(Icons.playlist_play), tooltip: 'Air it', onPressed: _airDress, ),
], )

Where the widget under leading is the drawer and the one under actions is the search iconbutton.