Реагировать на родной значок tabnavigator

Question

Добрый вечер всем! Я хотел бы изменить цвет иконки tabnavigator при нажатии на нее, но я не могу этого сделать. Можете ли вы помочь мне или дать мне другую альтернативу?

 const Tabs = TabNavigator({
About : { screen : About },
Search : { screen  : Search },
Trois : { screen : Trois },
Quatre : { screen : Quatre }

}, { tabBarPosition: 'bottom', animationEnabled: true, tabBarOptions: { activeTintColor: 'green', inactiveTintColor: 'grey', showIcon: true, showLabel: false, style:{ backgroundColor:'#FFF', borderTopWidth:1, borderColor:'#a2273c' } }, })

static navigationOptions = {
 tabBarIcon : ({tintColor}) =>{  

return <Image source={require('../icon/un.png')} style={{width:22,height:22,color:tintColor}} /> 

},

Answer 1

Вы можете изменить tintColor изображения, указав значение tintColor prop, как упомянуто.

оттенокЦвет : цвет

Изменяет цвет всех непрозрачных пикселей на tintColor .

tabBarIcon : ({tintColor}) => {
    return <Image source={require('../icon/un.png')} style={{width:22,height:22, tintColor}} />
}