javascript - How to show a tab bar badge for notifications, etc?

Question

I am currently rendering my tab bar icons like this:

 <Tab.Screen 
    name="Notificaton" 
    component={Notification}
    options={{
      tabBarLabel: ' ',
      tabBarIcon: ({ color, size }) => (
        <Ionicons name="md-notifications" size={size} color={color} />
      ),
    }}
  />  

I want to know how to change the tab bar icon to have a badge, red dot, or even different color if a user has a notification in the back end. How can I conditionally render the tab bar icon?

question from:https://stackoverflow.com/questions/65903334/how-to-show-a-tab-bar-badge-for-notifications-etc

Answer 1

Waitting for answers