Skip to content

A beautiful and simple bottom navigation bar with smooth animation when switching selected item.

License

Notifications You must be signed in to change notification settings

Bulaimu/titled_navigation_bar

Repository files navigation

Titled Bottom Navigation Bar

A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, read more bellow.

You can see the source code of this lib inside the /lib folder.

Show some ❤️ and star the repo to support this project

Preview

Example Gif

Info

  • Change icon color
  • Change indicator color
  • Support for up to five items

Getting Started

Add the plugin:

dependencies:
  ...
  titled_navigation_bar: ^0.0.1

Basic Usage

Import this class

import 'package:titled_navigation_bar/titled_navigation_bar.dart';
``

### Adding the widget

````Dart
bottomNavigationBar: TitledBottomNavigationBar(
   items: [
       TitledNavigationBarItem(title: 'Home', icon: Icons.home),
       TitledNavigationBarItem(title: 'Search', icon: Icons.search),
       TitledNavigationBarItem(title: 'Bag', icon: Icons.card_travel),
       TitledNavigationBarItem(title: 'Orders', icon: Icons.shopping_cart),
       TitledNavigationBarItem(title: 'Profile', icon: Icons.person_outline),
   ],
)
```

About

A beautiful and simple bottom navigation bar with smooth animation when switching selected item.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 85.9%
  • Objective-C 9.7%
  • Kotlin 4.4%