Custom Basic Navigation Bar in Flutter

This Dart code defines a custom navigation bar widget for use in a Flutter app. It extends the StatefulWidget class and overrides the _MyCustomNavigationBarState class to define the state of the widget. The _selectedIndex variable tracks which navigation item is currently selected, and the _onItemTapped method updates this value when a navigation item is tapped. The build method defines the UI for the widget, including a row of navigation items and some styling. The _buildNavigationItem method defines the UI for an individual navigation item, including an icon and some styling.


  1. Clone the repository to your local machine using git clone
  2. Add the file in your project or do whatever you like with it.


  1. Attach the file in your Flutter project.
  2. Customize it and use it in desired screen by using the bottomNavigationBar argument in Scaffold.


Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.


alt text


View Github