FloatingActionButton in Flutter

 import 'package:flutter/material.dart';

 void main() {
  runApp(HomeScreen());
 }

 class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.green, // Set the app's primary theme color
      ),
      debugShowCheckedModeBanner: false,
      home: ExtendedFAB(),
    );
  }
 }

 class ExtendedFAB extends StatefulWidget {
  @override
  _ExtendedFABState createState() => _ExtendedFABState();
 }

 class _ExtendedFABState extends State<ExtendedFAB> {
  bool showOptions = false;

  void toggleOptions() {
    setState(() {
      showOptions =
          !showOptions; // Toggling the visibility of additional options
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Fab Example'),
      ),
      body: Center(
        child: Text(
          'Candidroot solutions',
          style: TextStyle(fontSize: 24),
        ),
      ),
      floatingActionButton: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          FloatingActionButton.extended(
            onPressed: () {
              toggleOptions(); // When the main FAB is pressed, toggleOptions is called
            },
            label: Text(' FAB'),
            icon: Icon(Icons.add),
            backgroundColor: Colors.amber,
          ),
          SizedBox(height: 16.0),
          Visibility(
            visible:
                showOptions, // Show the options only if showOptions is true
            child: Column(
              children: [
                FloatingActionButton(
                  onPressed: () {
                    // Add your action for Option 1
                  },
                  tooltip: 'Option 1',
                  child: Icon(Icons.multiline_chart),
                ),
                SizedBox(height: 16.0),
                FloatingActionButton(
                  onPressed: () {
                    // Add your action for Option 2
                  },
                  tooltip: 'Option 2',
                  child: Icon(Icons.settings),
                 ),
               ],
             ),
           ),
         ],
       ),
     );
   }
 }