TabNavigator Icon with React Navigation

[LouisJS]

I'm trying to implement a TabNavigator using React-Navigation.

In order to add a tab, following the documentation, i'm doing this :

class MyHomeScreen extends React.Component {
  static navigationOptions = {
    tabBarLabel: 'Home',
    tabBarIcon: ({ tintColor }) => (
      <Image
        source={require('./chats-icon.png')}
        style={[styles.icon, {tintColor: tintColor}]}
      />
    ),
  };

  render() {
    return (
      ...
    );
  }
}

I did try to replace the Image Component with FontAwesome such as :

import { FontAwesome } from '@expo/vector-icons';
 static navigationOptions = {
    tabBarIcon: ({ tintColor }) => (
      <FontAwesome name="user" size={32} color="tintColor" />
    ),
  };

But i only have my label.

Stackoverflow link : https://stackoverflow.com/questions/48429649/tabnavigator-with-expo-vector-icons