добавить значок на вкладку в реагировать родной поток маршрутизатора

Question

Я пытаюсь создать домашнюю страницу, которая содержит панель вкладок.Есть 4 вкладки, и одна из них - вкладки входящих сообщений, в которых отображаются все принятые сообщения.но на вкладках входящих я хотел разместить уведомление с указанием количества сообщений, которые не были прочитаны.Может кто-нибудь, пожалуйста, скажите мне, как поставить уведомление на вкладках?

вот мои вкладки с использованием маршрутизатора flux:

<Scene 
    hideNavBar={true}
    key="hometab" 
    tabs
    tabBarStyle={{backgroundColor: '#1C2219'}}   
    activeTintColor="#FFBD05"
    inactiveTintColor="white">
           <Scene key="tab1home" component={Tab1Home} title="Home" iconName="ios-home" icon={TabIcon} hideNavBar={true}/>
           <Scene key="tab2request"
                  component={Tab2Request}
                  title="Request"
                  iconName="ios-list"
                  icon={TabIcon} />
           <Scene key="tab3inbox"
                  component={Tab3Inbox}
                  title="Inbox"
                  iconName="ios-mail"
                  icon={TabIcon}/>
           <Scene key="tab4profile" 
                  component={Tab4Profile} 
                  title="Profile" 
                  iconName="md-person" 
                  icon={TabIcon} 
                  hideNavBar={true}/>
</Scene>

вот мой TabIcon.js

import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

export default class TabIcon extends Component {
    render() {
        var color = this.props.selected? '#FFBD05':'white';
        return(
            <View>
                <Icon style={{color: color}} name={this.props.iconName||"circle"} size={40}/>
            </View>
        )
    }
}