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

Package overview

  • Custom icon color
  • Custom indicator color
  • Support from two to five items

Getting Started

Follow these steps to use this library

Add the plugin:

dependencies:
  ...
  titled_navigation_bar: ^1.0.0

Basic Usage

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

### Adding the widget

````Dart
bottomNavigationBar: TitledBottomNavigationBar(
  onTap: (index){
    print("Selected Index: $index");
  },
  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%