flutter pub add bottom_navigation_badge根據套件公開資料產生的選型評估，僅供參考。
BottomNavigationBadge 是一個 Flutter 小部件，讓開發者能在底部導航列項目上顯示通知徽章。由 westdabestdb 創建，它透過在導航介面中直覺地顯示未讀訊息或更新，提升使用者體驗。此套件可與現有的底部導航設定無縫整合，並支援自訂徽章外觀樣式。輕量級且專為需要在底部導航列中直覺顯示通知指示器的 Flutter 應用程式設計。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
BottomNavigationBadge is a Flutter class developed by westdabestdb.
Add this to your package's pubspec.yaml file:
...
dependencies:
bottom_navigation_badge: ^1.0.3
Now in your Dart code, you can use:
import 'package:bottom_navigation_badge/bottom_navigation_badge.dart';
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);
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"))
];
Add badge to index with content "1"
setState(() {
items = badger.setBadge(items, "1", index);
});
Remove the badge at index
setState(() {
items = badger.removeBadge(items, index);
});
Remove all the badges
setState(() {
items = badger.removeAll(items);
});
暫無相關資料。