Change icon in react-native-navigation tab

Question

Is that possible to change icon in react-native-navigation tabbar?
I mean for example somewhere in my application i did call to api and after response came I need to change my Icon in tab bar to new one.
for example Heart icon to Mail Icon.

Appreciate any kind of help!

Give us some code ma dude ! – WilomGfx Dec 13 '17 at 23:43 — WilomGfx, Dec 13 '17 at 23:43

score 7 · Accepted Answer · answered Dec 14 '17 at 03:03

7

Use setTabButton

this.props.navigator.setTabButton({
  tabIndex: 0, // (optional) if missing, the icon will be added to this screen's tab
  icon: require('../img/one.png'), // local image asset for the tab icon unselected state (optional)
  selectedIcon: require('../img/one_selected.png'), // local image asset for the tab icon selected state (optional, iOS only)
  label: 'New Label' // tab label that appears under the icon (optional)
});

answered Dec 14 '17 at 03:03

PTT

654
5
6

1

@АндрейГузюк How to change icon's color. I am only seeing a blue icon. Icon however is of black color. – Adnan Ali Apr 06 '18 at 06:21
1

Found the solution by setting this property *disableIconTint: true* – Adnan Ali Apr 06 '18 at 06:24

Change icon in react-native-navigation tab

1 Answers1