import 'package:flutter/material.dart';

​

void main() {

  runApp(MyApp());

}

​

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        appBar: AppBar(

          title: Text('Flutter Bottom Navigation Bar with FAB'),

        ),

        body: Container(),

        floatingActionButton: FloatingActionButton(

          onPressed: () {

            // Add your desired functionality here

          },

          child: Icon(Icons.add),

        ),

        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,

        bottomNavigationBar: BottomAppBar(

          shape: CircularNotchedRectangle(),

          child: Row(

            mainAxisAlignment: MainAxisAlignment.spaceBetween,

            children: <Widget>[

              IconButton(

                icon: Icon(Icons.home),

                onPressed: () {

                  // Navigate to the home screen

                },

              ),

              IconButton(

                icon: Icon(Icons.search),

                onPressed: () {

                  // Navigate to the search screen

                },

              ),

              SizedBox(width: 48.0),

              IconButton(

                icon: Icon(Icons.notifications),

                onPressed: () {

                  // Navigate to the notifications screen

                },

              ),

              IconButton(

                icon: Icon(Icons.person),

                onPressed: () {

                  // Navigate to the profile screen

                },

              ),

            ],

          ),

        ),

      ),

    );

  }

}