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 