badge count in tabbar ?

[kaiyes]

Hi, Can you do this please ? Notification count in the react navigation tab bar icons. Obviously this will be a subscription. Hooking it with the react navigation tab bar icons is the key.

Or pointing me to the right direction will be huge help as well. Thanks as always

[EQuimper]

yes gonna make a video about it, thank for the idea didn't think of it

[kaiyes]

I think using redux will be simpler.

Found this. react-navigation/react-navigation#1941

[baldurpan]

I managed to add a badge via tabBarIcon in navigationOptions. Works quite well in iOS but in Android it has some transparency (like opacity 0.7) unless the tab is focused.
Very annoying.

[kaiyes]

@baldurpan me too. I was able to add a badge as well. But I wasn't able to add subscription to that badge icon.

[EQuimper]

I think if you need to put that in subscriptions you gonna need to have it as his own component or wrote your own tabbar component. With React-Navigation thats pretty easy. I check this thing tonight maybe I can find something

[kaiyes]

This is what I have right now. But its static.

[EQuimper]

Did you connect the tab for ? I mean this thing can be extends as a component I did on one of my app, and I think you can plug a subscriptions on this on

[kaiyes]

Okay. I was able to implement a custom component in react-navigation's tabBar component. Also, I was able to add redux to change the number of the notification icon. But I have two problems :

1. Subscription doesn't start if I don't go over to the tab first. In other words, subscription needs to be called from the component first. Otherwise it doesn't work.

2. I need a way to change the badge icon number to 0/null once the icon has been clicked. (emulating a seen effect)

[kaiyes]

tried another method. Made a notifications collection and fed notification query and subscription to icon component. However, the icon component doesn't take the subscription. Same subscription works in a normal page. However, after going to a page where the component is , the same component in the navbar starts working. @EQuimper what do you think ?

[kaiyes]

Finally was able to make the badge count reactive from the get-go. Answer lies in #39