通过 mergeOptions (WIX) 删除 bottomTabs 上的通知标记不适用于 android

Question

我在我的 React Native ^0.60.5 应用程序中使用 Wix Navigation ^3.1.2。我在堆栈屏幕中设置了一个 bottomTab，我通过 Navigation.mergeOptions() 方法手动添加了徽章编号。每当我阅读聊天中的消息时，我都想从“消息”按钮中删除此徽章。所以我目前所做的是将徽章传递给 null。

它在 iOS 上运行没有任何问题，但在 Android 上它不会消失。

我什至尝试像 bottomTab: {} 那样将一个空对象传递给 bottomTab，但仍然没有成功。

我有以下堆栈结构：

stack: {
    id: 'MessageStack',
    children: [
    {
       component: {
          id: 'MessageScreen',
          name: 'myapp.MessageScreen'
       }
    }],
    options: {
       bottomTab: {
          text: i18n.t('messages'),
          icon: iconsMap['message-light'],
          selectedIcon: iconsMap['message-solid'],
          badgeColor: 'red',
          ...navigatorStyle
       }
    }
}

这就是我想要删除它时所做的：

let badgeValue = null;
if (totalUnread > 0) {
   badgeValue = (totalUnread > 9) ? '9+' : `${totalUnread}`;
}

Navigation.mergeOptions('MessageScreen', {
   bottomTab: {
      badge: badgeValue
   }
});

关于如何在 Android 上实现此目标的任何想法？谢谢。

Answer 1

如果有人遇到同样的问题，只需传递一个空字符串即可将其删除。我以为我测试过但没有用，但在 github 上的推荐后，我再次测试并成功了。

通过 mergeOptions (WIX) 删除 bottomTabs 上的通知标记不适用于 android

Remove notification badge on bottomTabs not working on android through mergeOptions (WIX)

android

react-native

wix-react-native-navigation