Comment ajouter une image dans une barre d'onglets de navigation?

Question

J'utilise rea-navigation où je suis capable de créer les onglets avec des en-têtes de texte sur eux. Je veux afficher des images sur eux au lieu de textes. Y a-t-il un moyen de le faire?

Ceci est le code que j'utilise mais cela ne fonctionne pas. Toute suggestion sur la façon de le faire de la bonne façon?

static navigationOptions = { 
    tabBarIcon: (
    <Image style={{ width: 50, height: 50 }} 
     source={require('./../images/Logo.jpg')} /> 
) 

}

Answer 1

Essayez d'utiliser une fonction à la place:

static navigationOptions = { 
    tabBarIcon: (focused, tintColor) => (
     <Image style={{ width: 50, height: 50 }} 
      source={require('./../images/Logo.jpg')} /> 
    ) 
} 

Answer 2

Selon la documentation, la propriété est ShowIcon setted à faux sur Android (https://reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android).

Avez-vous essayé de le définir comme vrai?

static navigationOptions = { 
    tabBarOptions: { showIcon: true, } 
    tabBarIcon: ({ tintColor }) => { 
       return (<Image 
        style={{ width: 50, height: 50 }} 
        source={{ uri: "https://facebook.github.io/react/img/logo_og.png" }}/>);} 
    } 
}