当我在数据库中添加新条目时，如何更改 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);
            },
          ),
        );