【发布时间】：2021-10-14 11:01:03
【问题描述】：
我正在开发一个 React-Native 应用程序，并希望开始添加一些额外的功能，例如用于未读通知和消息计数的标签栏徽章。
我将 react-navigation 用于标签栏，并将 redux 用于我的状态存储。我的通知和消息状态中有一个未读计数，我正在检索并使用它来显示导航器中当前的标签栏徽章。
我遇到的问题是，如果用户点击消息或通知（将其标记为已读），我想减少未读计数。当我这样做时，它会重新加载导航，将用户从他们当前所在的屏幕返回到主导航。
我创建了一个显示问题的零食，让通知和消息详细信息屏幕有一个减少未读计数的按钮。
https://snack.expo.dev/@simplytrak/tab-bar-badges
如何让用户在当前屏幕上同时更新标签栏上的徽章？
【问题讨论】：
标签： react-native expo react-navigation