Wie füge ich ein Bild in eine Navigationsleiste ein?

Question

Ich benutze React-Navigation, wo ich in der Lage bin, die Tab-Bars mit Textüberschriften auf ihnen zu erstellen. Ich möchte Bilder anstelle von Texten auf ihnen anzeigen. Gibt es einen Weg, es zu tun?

Dies ist der Code, den ich benutze, aber es funktioniert nicht. Irgendwelche Vorschläge, wie man es richtig macht?

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

}

Answer 1

Versuchen Sie, eine Funktion statt:

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

Answer 2

die Dokumentation nach, die ShowIcon Eigenschaft ist setted auf falsch auf Android (https://reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android).

Haben Sie versucht, es wahr zu setzen?

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" }}/>);} 
    } 
}