bottom_navigation_badge

Description:

bottom navigation badge

bottom_navigation_badge / BottomNavigationBadge #
BottomNavigationBadge is a Flutter class developed by westdabestdb.

Getting Started #
Add this to your package's pubspec.yaml file:
...
dependencies:
bottom_navigation_badge: ^1.0.3
copied to clipboard
Now in your Dart code, you can use:
import 'package:bottom_navigation_badge/bottom_navigation_badge.dart';
copied to clipboard
Usage #
Initialize the badger. Isn't it a nice variable name lol 😁
BottomNavigationBadge badger = new BottomNavigationBadge(
backgroundColor: Colors.red,
badgeShape: BottomNavigationBadgeShape.circle,
textColor: Colors.white,
position: BottomNavigationBadgePosition.topRight,
textSize: 8);
copied to clipboard
Create a list of BottomNavigationBarItems
List<BottomNavigationBarItem> items = [
BottomNavigationBarItem(icon: Icon(Icons.home), title: Text("Home")),
BottomNavigationBarItem(icon: Icon(Icons.notifications), title: Text("Notifications")),
BottomNavigationBarItem(icon: Icon(Icons.face), title: Text("Profile"))
];
copied to clipboard
Add badge to index with content "1"
setState(() {
items = badger.setBadge(items, "1", index);
});
copied to clipboard
Remove the badge at index
setState(() {
items = badger.removeBadge(items, index);
});
copied to clipboard
Remove all the badges
setState(() {
items = badger.removeAll(items);
});
copied to clipboard