[Flutter, Dart] Multiple FloatingActionButton

floatingbuton.dart

import 'package:flutter/material.dart';

class MultiFloatingButton extends StatefulWidget {
  @override
  _MultiFloatingButtonState createState() => _MultiFloatingButtonState();
}

class _MultiFloatingButtonState extends State<MultiFloatingButton> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text('Float'),
        centerTitle: true,
      ),
      body: Container(
        
      ),
      floatingActionButton: Stack(
        children: <Widget>[
          Positioned(
            bottom: 80.0,
            right: 10.0,
            child: FloatingActionButton(
              heroTag: 'save',
              onPressed: () {
                // What you want to do
              },
              child: Icon(Icons.save),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(5.0),
              ),
            ),
          ),
          Positioned(
            bottom: 10.0,
            right: 10.0,
            child: FloatingActionButton(
              heroTag: 'close',
              onPressed: () {},
              child: Icon(Icons.close),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(5.0),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

Thanks. it worked for me.

Happy to help :)

thank you so much

awesome ✅

Thanks a ton for this!

This worked for me .

return MaterialApp(
      home:
      Scaffold(
      backgroundColor: Colors.grey,
      appBar: AppBar(
        title: Text('$i'),
        centerTitle: true,
        backgroundColor: Colors.green,
      ),
      body:   Stack(
    children: <Widget>[
    Align(
    alignment: Alignment.bottomLeft,
    child: FloatingActionButton(
      onPressed: (){
      //todo
      },
      child: Icon(Icons.remove),  ),
    ),
    Align(
    alignment: Alignment.bottomRight,
    child: FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: (){
       //todo
      },  ), ),
      Align(
        alignment: Alignment.center ,
        child: FloatingActionButton(
          child: Text('Reset'),
          onPressed: (){
        //todo
          },
        ),
      ),
    ],
    ),
      ),
    );