當我在數據庫中添加新條目時，如何更改 Flutter 中的圖標？

Question

所以我建立了一個工作實時數據庫，我可以添加條目。 現在我想通過在底部導航欄中的圖標上添加一個小紅點來通知用戶每當有新條目添加到數據庫中時，當用戶單擊它時它會再次消失。 關於如何實現這一目標的任何想法？

Answer 1

我建議使用徽章包來實現這一點。 您必須使用自己的狀態管理來確保狀態更新。 如果用戶進入通知屏幕，您將需要觸發更新以將通知標記為已讀。

 return Badge(
          showBadge: unreadNotifications > 0,
          badgeContent: Text(
            '$unreadNotifications',
            style: kTextStyle,
          ),
          position: const BadgePosition(
            top: -3,
            end: 3,
          ),
          child: IconButton(
            icon: const Icon(
              Icons.notifications,
            ),
            onPressed: () {
              Navigator.pushNamed(context, NotificationScreen.id);
            },
          ),
        );