A flutter project with bottom tab having cutcout floating action button, or notched floating action button in bottom tab in flutter In this tutorial we will make custom bottom navigation bar in flutter with notched floating action button, you can also say that its curved bottom navigation bar in flutter having docked floating action button. To achieve this we will use BottomAppBar class with shape property and pass CircularNotchedRectangle() to make our bottom navigation bar a curved shape. To fit the floating action button inside the curve we will use floatingActionButtonLocation property of scaffold and pass FloatingActionButtonLocation.centerDocked. And this will make our floating action button notched to our bottom navigation bar.
flutter bottom navigation bar with fab | flutter curved bottom navigation bar
