Skip to content

This custom navigation bar is a Flutter widget that provides a sleek and customizable interface for navigating through an app. It features icons for different navigation options, with the selected option highlighted for easy reference.

Notifications You must be signed in to change notification settings

emirariemir/My-Custom-Nav-Bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

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.

Installation

  1. Clone the repository to your local machine using git clone https://github.com/emirariemir/My-Custom-Nav-Bar.git.
  2. Add the file in your project or do whatever you like with it.

Usage

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

Contributing

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.

Screenshot

alt text

About

This custom navigation bar is a Flutter widget that provides a sleek and customizable interface for navigating through an app. It features icons for different navigation options, with the selected option highlighted for easy reference.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages