how do I change the default color of the tab, the color blue?
<TabView
navigationState={this.state}
renderScene={SceneMap({
agenda: this.AgendaRoute,
detalhes: this.DetalhesRoute
})}
onIndexChange={index => this.setState({ index })}
initialLayout={{ width: Dimensions.get("window").width }}
/>
Use TabBar Tag,Like this
<TabView
tabStyle={[{height: hp(40),}]}
scrollEnabled={true}
navigationState={this.state}
renderScene={SceneMap({
Details: this.FirstRoute,
Schedule: this.SecondRoute,
})}
renderTabBar={props =>
<TabBar
{...props}
indicatorStyle={{ backgroundColor: '#00887A'}}
style={{ backgroundColor: '#ECECEC' }}
labelStyle={{color:'#000000' }}
/>
}
onIndexChange={index => this.setState({ index })}
initialLayout={{ width: Dimensions.get('window').width,backgroundColor:'#ffffff' }}
/>
As written in the documentation, styles you can apply to the tabBar are :
tabStyle
Style to apply to the individual tab items in the tab bar.
indicatorStyle
Style to apply to the active indicator.
labelStyle
Style to apply to the tab item label.
contentContainerStyle
Style to apply to the inner container for tabs.
style
Style to apply to the tab bar container.
I think the last one is that you are searching for
Most helpful comment
Use TabBar Tag,Like this