如何在反應導航標籤欄內添加圖片？

Question

我正在使用react-navigation，我可以在其上創建帶有文本標題的選項卡欄。我想在它們上面顯示圖像而不是文本。有沒有辦法做到這一點？

這是我正在使用的代碼，但它不起作用。任何關於如何正確使用它的建議？

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

}

Answer 1

嘗試使用函數來代替：

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

Answer 2

根據該文檔，在showIcon屬性被設置好的到在Android（https://reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android）假。

你試過把它設置爲真嗎？

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