How to style active text in TabHeading

[amelie]

Hi there !

I am trying to style the active and non-active text in Tabs/TabHeading, but nothing seems to work.
Here is my code :

 <Tabs
        renderTabBar={()=> < ScrollableTab style={{ minHeight: 100}}/>} >
            <Tab
             heading={
               <TabHeading
                 style={{
                   flexDirection: 'column',
                   color: '#000'
                 }}
                 activeTextStyle={this.styles.tabactivetext}
                 activeTabStyle={this.styles.tabactivetext} >

            <View
               style={{
                 backgroundColor: '#ffa6bd',
                 height: 42,
                 width: 42,
                 borderRadius: 21,
                 alignItems: 'center',
                 justifyContent: 'center',
               }} >
               <Icon style={{color: WHITE}}
                 name='md-person'
               />
             </View>
             <Text  style={{color: '#000', fontSize: 10, paddingTop: 5}}>
               Utilisateur
             </Text>
         </TabHeading>
         }
       >

activeTextStyle in Tabs component is not working, neither in TabHeading.

Thanks for your help