Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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>
like image 910
ProgramZa Avatar asked Mar 21 '21 15:03

ProgramZa


Video Answer


2 Answers

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 */ 
                 },
            ),
)
like image 129
Eduardo Avatar answered Oct 27 '22 14:10

Eduardo


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
 )
like image 32
Felipe Vergara Avatar answered Oct 27 '22 14:10

Felipe Vergara