Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Position two floating action button in Flutter

How can I position multiple floating action button in Flutter. In particular I need one button in the bottom-right of the screen and another one in the top left.

like image 828
pzsette Avatar asked Jun 13 '26 04:06

pzsette


1 Answers

Use Column and add two floating buttons inside it one is on the top left and the second one is on the bottom right

       Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Align(
              alignment: Alignment.topLeft,
              child: FloatingActionButton(
                tooltip: 'Increment',
                child: Icon(Icons.add),
              ),
            ),
            Expanded( 
              child: Align(
                alignment: Alignment.bottomRight,
                child: FloatingActionButton(
                  tooltip: 'Increment',
                  child: Icon(Icons.add),
                ),
              ),
            )
          ],
        ),
like image 185
Jitesh Mohite Avatar answered Jun 16 '26 08:06

Jitesh Mohite



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!