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

6,107

Solution 1

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 */ 
                 },
            ),
)

Solution 2

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
 )
Share:
6,107
ProgramZa
Author by

ProgramZa

Updated on December 02, 2022

Comments

  • ProgramZa
    ProgramZa over 1 year

    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>
    
    • Blasanka
      Blasanka about 3 years
      Relavent code snippet will help me to answer your question.