How to create button on the left in Appbar [flutter]

Question

I tried to make the button[that pop new screen]on the left of the app-bar but I found only drawer that is not what I want.

what I want in AppBar:

------------------------------------------------<br>
| button |----------text----------| button |<br>
------------------------------------------------<br>

what I have now:

------------------------------------------------<br>
----------------text----------------| button | <- form actions in AppBar<br>
------------------------------------------------<br>

Relavent code snippet will help me to answer your question. – Blasanka Mar 21 '21 at 15:36 — Blasanka, Mar 21 '21 at 15:36

Eduardo · Accepted Answer · 2021-03-23T22:20:26.653

If I understand correctly, you want to add a left button to your AppBar. You can achieve that by using the leading property, like this:

AppBar(
  title: Text("AppBar with leading button"),
  automaticallyImplyLeading: false,
  leading: IconButton (
                 icon: Icon(Icons.arrow_back), 
                 onPressed: () { 
                       /** Do something */ 
                 },
            ),
)

score 5 · Answer 2 · answered Mar 21 '21 at 15:42

5

To insert a widget on the left side of an Appbar, you must use the property: "leading", in addition to this, you can increase the width of this widget with the property: "leadingWidth"

appbar: AppBar(
  leading: Widget(),
  leadingWidth: 100
 )

answered Mar 21 '21 at 15:42

Felipe Vergara

849
7
12

How to create button on the left in Appbar [flutter]

2 Answers2